[{"data":1,"prerenderedAt":775},["ShallowReactive",2],{"header:help":3,"footer:default":67,"story:navigation\u002Fsearch:help":250,"story:help\u002Fcategories":288,"story:help\u002Farticles\u002Ftroubleshoot-sidecart-display-issues":314,"no-guide:troubleshoot-sidecart-display-issues":59,"article:\u002Fhelp\u002Farticles\u002Ftroubleshoot-sidecart-display-issues":518,"story:contact":534,"help:tree:6a3f3243-31ec-4035-a83a-84eab30c1078":723,"_apollo:default":774},{"name":4,"created_at":5,"published_at":6,"updated_at":7,"id":8,"uuid":9,"content":10,"slug":57,"full_slug":58,"sort_by_date":59,"position":60,"tag_list":61,"is_startpage":24,"parent_id":62,"meta_data":59,"group_id":63,"first_published_at":64,"release_id":59,"lang":65,"path":59,"alternates":66,"default_full_slug":59,"translated_slugs":59},"Help Center Header","2024-08-09T18:06:34.939Z","2024-10-21T21:58:39.217Z","2024-10-21T21:58:39.232Z",10082752,"3e9b88f7-c163-4657-a2f2-62532d600fad",{"_uid":11,"link":12,"badge":16,"items":17,"title":13,"buttons":50,"new_tab":24,"submenu":51,"alignment":13,"component":52,"badge_link":53,"top_menu_items":56},"e5645a1a-f991-40e8-8d67-e40ebc082b5a",{"id":13,"url":13,"linktype":14,"fieldtype":15,"cached_url":13},"","story","multilink","Help Center",[18,27,34,39,44],{"_uid":19,"link":20,"title":23,"new_tab":24,"submenu":25,"component":26},"5cbe2861-1f49-4166-97da-a4dddd8105e3",{"id":21,"url":13,"linktype":14,"fieldtype":15,"cached_url":22},"4c0a2d99-ec30-4579-8ef1-6bf5564d4839","help\u002Fcategories\u002F","Articles",false,[],"header___item",{"_uid":28,"link":29,"title":32,"new_tab":33,"component":26},"1c8edeb5-b9e9-4cb8-b1c6-c1f292f7d7cd",{"id":13,"url":30,"linktype":31,"fieldtype":15,"cached_url":30},"https:\u002F\u002Fwiki.foxycart.com\u002F","url","Documentation",true,{"_uid":35,"link":36,"title":38,"new_tab":33,"component":26},"8d7df70e-f087-4da0-b616-6f0e9a5af35c",{"id":13,"url":37,"linktype":31,"fieldtype":15,"cached_url":37},"https:\u002F\u002Fapi.foxycart.com\u002F","API Documentation",{"_uid":40,"link":41,"title":43,"new_tab":33,"component":26},"f76e7944-23d5-4652-87e4-cdae79272762",{"id":13,"url":42,"linktype":31,"fieldtype":15,"cached_url":42},"https:\u002F\u002Fstatus.foxy.io\u002F","System Status",{"_uid":45,"link":46,"title":49,"new_tab":24,"component":26},"0de16771-4c84-466c-a1da-d8568113c71f",{"id":47,"url":13,"linktype":14,"fieldtype":15,"cached_url":48},"01e4e370-f9b9-45af-8fa9-f15540699b0d","contact","Contact Us",[],[],"header",{"id":54,"url":13,"linktype":14,"fieldtype":15,"cached_url":55},"4a679eb7-662d-4ea4-a976-5a2acbf0b663","help\u002F",[],"help-header","navigation\u002Fhelp-header",null,20,[],10082747,"71b81c2e-5e09-48a1-a397-a3c72fcd344a","2022-09-21T14:50:25.655Z","default",[],{"name":68,"created_at":69,"published_at":70,"updated_at":71,"id":72,"uuid":73,"content":74,"slug":243,"full_slug":244,"sort_by_date":59,"position":245,"tag_list":246,"is_startpage":24,"parent_id":62,"meta_data":59,"group_id":247,"first_published_at":248,"release_id":59,"lang":65,"path":59,"alternates":249,"default_full_slug":59,"translated_slugs":59},"Default Footer","2024-08-09T18:06:59.024Z","2025-09-04T06:24:46.223Z","2025-09-04T06:24:46.241Z",10082753,"e59e67ac-248a-482f-84a1-53d4f318186a",{"_uid":75,"about":76,"logos":77,"socials":82,"sections":108,"component":225,"cta_title":226,"bottom_links":227,"cta_subtitle":241,"cta_button_link":242,"cta_button_text":183},"830983f5-c4c4-43c8-b150-86a5e3fa6dc8","Foxy’s hosted cart & payment page allow you to sell anything, using your existing website or platform.",[78],{"id":79,"alt":13,"name":13,"focus":13,"title":13,"filename":80,"copyright":13,"fieldtype":81},14760,"https:\u002F\u002Fa-us.storyblok.com\u002Ff\u002F1001040\u002Fx\u002F3b030847ec\u002Fb-corp.svg","asset",[83,90,96,102],{"_uid":84,"icon":85,"link":86,"name":88,"component":89},"faf0a618-ea94-42ea-9182-03be18c43216","fa-facebook",{"id":13,"url":87,"linktype":31,"fieldtype":15,"cached_url":87},"https:\u002F\u002Fwww.facebook.com\u002Ffoxycart","Facebook","footer___social",{"_uid":91,"icon":92,"link":93,"name":95,"component":89},"14309c18-7e79-423e-b375-34555bac0811","fa-instagram",{"id":13,"url":94,"linktype":31,"fieldtype":15,"cached_url":94},"https:\u002F\u002Fwww.instagram.com\u002Ffoxy_io","Instagram",{"_uid":97,"icon":98,"link":99,"name":101,"component":89},"8f7fe7cf-0dd3-4596-8334-226ea466716a","fa-linkedin",{"id":13,"url":100,"linktype":31,"fieldtype":15,"cached_url":100},"https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Ffoxycart.com","LinkedIn",{"_uid":103,"icon":104,"link":105,"name":107,"component":89},"90a675b4-dd97-40b5-be09-00a87223d4c5","fa-youtube",{"id":13,"url":106,"linktype":31,"fieldtype":15,"cached_url":106},"https:\u002F\u002Fwww.youtube.com\u002Fuser\u002Ffoxycart","Youtube",[109,139,184,206],{"_uid":110,"name":111,"items":112,"component":138},"82849945-282f-488c-b18d-a8d2252f514a","Company",[113,120,126,132],{"_uid":114,"link":115,"title":118,"new_tab":24,"component":119},"1f699ab1-938b-4d9d-9825-aabcbe6f57fe",{"id":116,"url":13,"linktype":14,"fieldtype":15,"cached_url":117},"63634293-a749-4226-9439-9f38ee6dcda0","about-us","About Us","footer___menu_items",{"_uid":121,"link":122,"title":125,"new_tab":24,"component":119},"b26b00f1-a0e7-4be2-8ab3-428b8cc841f8",{"id":123,"url":13,"linktype":14,"fieldtype":15,"cached_url":124},"26cb7c55-faed-4a77-a291-1552d4111b3e","how-foxy-works","How Foxy Works",{"_uid":127,"link":128,"title":131,"new_tab":24,"component":119},"b40c68a0-1ceb-4226-9515-6176534f61fe",{"id":129,"url":13,"linktype":14,"fieldtype":15,"cached_url":130},"dc6657d7-7f4f-4c0d-b781-e971b038ee26","for-good","Foxy For Good",{"_uid":133,"link":134,"title":137,"new_tab":24,"component":119},"3ad0c134-bef9-4fff-b891-e09f16109036",{"id":135,"url":13,"linktype":14,"fieldtype":15,"cached_url":136},"23cae210-baf4-4588-9862-d09f4f52ccd2","brand-assets","Brand Assets","footer___section",{"_uid":140,"name":141,"items":142,"component":138},"a6805fa8-ac60-47f1-b8f0-f27aded0afbe","Product",[143,149,155,161,167,173,179],{"_uid":144,"link":145,"title":148,"new_tab":24,"component":119},"b39c8a4e-2383-486f-b76a-11fbb15d8134",{"id":146,"url":13,"linktype":14,"fieldtype":15,"cached_url":147},"bb04690f-fe98-4ce6-80be-05b950f2364f","features\u002F","Features",{"_uid":150,"link":151,"title":154,"new_tab":24,"component":119},"64f8a41f-c181-433d-bc0a-fc94e71ecbf6",{"id":152,"url":13,"linktype":14,"fieldtype":15,"cached_url":153},"c450c58d-761d-48c0-a9af-0b064611689b","pricing","Pricing",{"_uid":156,"link":157,"title":160,"new_tab":24,"component":119},"6e0b287f-fd8c-4146-9e0e-0ab0b5c9ce3c",{"id":158,"url":13,"linktype":14,"fieldtype":15,"cached_url":159},"fab20ad9-e76a-4947-b709-3a6fdfa88028","blog\u002Fcategories\u002Fproduct-updates","Product Updates",{"_uid":162,"link":163,"title":166,"new_tab":24,"component":119},"47e5a074-a6b5-4f1c-8c2f-89a2ae9f83eb",{"id":164,"url":13,"linktype":14,"fieldtype":15,"cached_url":165},"d2c83612-d611-47f3-a3b4-ca7fe08540b8","changelogs\u002F","Changelogs",{"_uid":168,"link":169,"title":172,"new_tab":24,"component":119},"b5c08774-542f-4ffd-b357-c94d674488b9",{"id":170,"url":13,"linktype":14,"fieldtype":15,"cached_url":171},"08876121-0df3-4ed9-aa11-902b3e41cd02","whats-next","What's Next",{"_uid":174,"link":175,"title":178,"new_tab":24,"component":119},"9c2704ed-6d9f-43e1-9e67-c8d91c083288",{"id":176,"url":13,"linktype":14,"fieldtype":15,"cached_url":177},"056a7857-b18f-4025-8f97-91a38fc19bc8","compare\u002F","Compare",{"_uid":180,"link":181,"title":183,"new_tab":24,"component":119},"5f2db35b-674b-406a-8fa7-d246633af9fe",{"id":13,"url":182,"linktype":31,"fieldtype":15,"cached_url":182},"https:\u002F\u002Fadmin.foxy.io\u002Fsign-up","Try Foxy Free",{"_uid":185,"name":186,"items":187,"component":138},"63fa1f29-4252-4640-9922-fe310e69e54a","Security",[188,194,200],{"_uid":189,"link":190,"title":193,"new_tab":24,"component":119},"1158ddb6-9eb0-466f-8eb6-7ca2ae66c8b8",{"id":191,"url":13,"linktype":14,"fieldtype":15,"cached_url":192},"1f58fb2c-8681-4742-b6e8-09999beae9f6","security-contact","Security Contact",{"_uid":195,"link":196,"title":199,"new_tab":24,"component":119},"9a79c54a-6022-4dfd-854b-766f5e4703ba",{"id":197,"url":13,"linktype":14,"fieldtype":15,"cached_url":198},"55cbfcc3-425a-4261-8037-54e919851d2d","pci","PCI Compliance",{"_uid":201,"link":202,"title":205,"new_tab":24,"component":119},"0b85f5b6-9534-4071-b323-b39d053dd4d7",{"id":203,"url":13,"linktype":14,"fieldtype":15,"cached_url":204},"c3ac0fe3-83e2-4879-afbd-d4c83e1590df","help\u002Farticles\u002Four-official-domains-public-code","Domains & Codebases",{"_uid":207,"name":208,"items":209,"component":138},"998ded67-d107-49f4-8154-ca6be51671ec","Support",[210,213,216,219,222],{"_uid":211,"link":212,"title":16,"new_tab":24,"component":119},"594ffd35-3049-4004-bb08-0db568ebd819",{"id":54,"url":13,"linktype":14,"fieldtype":15,"cached_url":55},{"_uid":214,"link":215,"title":32,"new_tab":33,"component":119},"0a1a55ab-a985-4f9d-8b42-26da714d0c1c",{"id":13,"url":30,"linktype":31,"fieldtype":15,"cached_url":30},{"_uid":217,"link":218,"title":38,"new_tab":33,"component":119},"61e0b7c8-aadf-419b-a339-b3ccabc65bf4",{"id":13,"url":37,"linktype":31,"fieldtype":15,"cached_url":37},{"_uid":220,"link":221,"title":43,"new_tab":33,"component":119},"fd67a89e-1c54-4d31-94b5-64be999062d6",{"id":13,"url":42,"linktype":31,"fieldtype":15,"cached_url":42},{"_uid":223,"link":224,"title":49,"new_tab":24,"component":119},"231a6f71-e996-4ad4-b033-d4d5542f34f0",{"id":47,"url":13,"linktype":14,"fieldtype":15,"cached_url":48},"footer","Get started with our *unlimited free trial*.",[228,235],{"_uid":229,"link":230,"text":233,"component":234},"f0b77210-2632-45a2-8436-e57cad84d01a",{"id":231,"url":13,"linktype":14,"fieldtype":15,"cached_url":232},"60ba16a2-c1f4-485f-b978-8d2eeeafbf5a","terms-of-service","Terms of Service","footer___bottom_links",{"_uid":236,"link":237,"text":240,"component":234},"4bd497b0-993f-4b4d-a5b7-8a49c7c8fec9",{"id":238,"url":13,"linktype":14,"fieldtype":15,"cached_url":239},"332302b9-1d18-4016-b9c8-9b33c72d782b","privacy-policy","Privacy Policy","No credit card required.",{"id":13,"url":182,"linktype":31,"fieldtype":15,"cached_url":182},"default-footer","navigation\u002Fdefault-footer",50,[],"11006268-07f9-41e9-96f3-c51fb723399d","2022-09-21T20:39:02.357Z",[],{"name":251,"created_at":252,"published_at":253,"updated_at":254,"id":255,"uuid":256,"content":257,"slug":279,"full_slug":282,"sort_by_date":59,"position":283,"tag_list":284,"is_startpage":24,"parent_id":62,"meta_data":59,"group_id":285,"first_published_at":286,"release_id":59,"lang":65,"path":59,"alternates":287,"default_full_slug":59,"translated_slugs":59},"Search","2024-10-21T22:08:54.973Z","2025-05-26T09:17:25.790Z","2025-05-26T09:17:25.804Z",13592003,"14cbc359-9ac1-4a7a-a8de-ad4ac8ef26d4",{"_uid":258,"name":251,"indices":259,"summary":13,"component":279,"primary_image":280},"5e4a56e8-76f1-4790-b3a7-70f1be97d042",[260,265,269,274],{"key":261,"_uid":262,"icon":13,"name":263,"component":264},"all","c12a3210-7323-4273-8217-5215e52efe84","All","index",{"key":266,"_uid":267,"icon":268,"name":23,"component":264},"help_center_article","5acff080-95e4-44d3-8dcf-1b19720af382","fa-file-alt",{"key":270,"_uid":271,"icon":272,"name":273,"component":264},"help_center_guide","b8fbc206-c083-471e-a1f0-0ebeb90a669d","fa-book","Guides",{"key":275,"_uid":276,"icon":277,"name":278,"component":264},"blog_post","23419e83-2e56-4c4c-8a05-9fd1b3c9a9bd","fa-file-image","Blog Posts","search",{"id":59,"alt":59,"name":13,"focus":59,"title":59,"source":59,"filename":13,"copyright":59,"fieldtype":81,"meta_data":281},{},"navigation\u002Fsearch",60,[],"11e1fd31-95cd-4fc9-b736-8b8910663e6c","2024-10-21T23:17:05.904Z",[],{"name":23,"created_at":289,"published_at":290,"updated_at":291,"id":292,"uuid":21,"content":293,"slug":307,"full_slug":22,"sort_by_date":59,"position":308,"tag_list":309,"is_startpage":33,"parent_id":310,"meta_data":59,"group_id":311,"first_published_at":312,"release_id":59,"lang":65,"path":59,"alternates":313,"default_full_slug":59,"translated_slugs":59},"2022-09-19T14:42:29.685Z","2024-07-30T18:17:22.506Z","2024-07-30T18:17:22.525Z",2660,{"_uid":294,"icon":13,"name":23,"guides":295,"pinned":24,"summary":296,"category":13,"component":297,"blog_posts":298,"content_hub":24,"icon_custom":299,"case_studies":300,"faq_sections":301,"help_articles":302,"featured_guides":303,"mailbox_category":13,"featured_articles":304,"featured_blog_posts":305,"featured_case_studies":306},"d6dae89a-907a-4bf7-82de-fe2ba875ee6e",[],"Get your questions answered with our browsable knowledge base.","help_center_category",[],{"id":59,"alt":59,"name":13,"focus":59,"title":59,"filename":13,"copyright":59,"fieldtype":81},[],[],[],[],[],[],[],"categories",530,[],2658,"19ebcdd2-027f-47f5-9a5b-a8992c959578","2022-09-19T16:24:39.219Z",[],{"name":315,"created_at":316,"published_at":317,"updated_at":318,"id":319,"uuid":320,"content":321,"slug":511,"full_slug":512,"sort_by_date":59,"position":513,"tag_list":514,"is_startpage":24,"parent_id":515,"meta_data":59,"group_id":516,"first_published_at":317,"release_id":59,"lang":65,"path":59,"alternates":517,"default_full_slug":59,"translated_slugs":59},"Troubleshoot sidecart display issues","2026-07-01T19:02:12.324Z","2026-07-01T19:26:15.395Z","2026-07-01T19:26:15.409Z",193507050847264,"6a3f3243-31ec-4035-a83a-84eab30c1078",{"_uid":322,"body":323,"name":315,"image":506,"pinned":24,"summary":508,"category":509,"component":266,"related_articles":510},"7b7243ca-5fb1-4312-b21a-11e4d04e6a21",{"type":324,"content":325},"doc",[326,333,340,345,362,376,381,386,411,431,436,441,455,460],{"type":327,"attrs":328,"content":329},"paragraph",{"textAlign":59},[330],{"text":331,"type":332},"If the sidecart is causing visual problems on your site, the following covers the most common issues and how to fix them.","text",{"type":334,"attrs":335,"content":337},"heading",{"level":336,"textAlign":59},2,[338],{"text":339,"type":332},"Jumping elements",{"type":327,"attrs":341,"content":342},{"textAlign":59},[343],{"text":344,"type":332},"The most common sidecart problem. Page elements jump when the sidecart slides in.",{"type":327,"attrs":346,"content":347},{"textAlign":59},[348,353,355,360],{"text":349,"type":332,"marks":350},"Cause:",[351],{"type":352},"bold",{"text":354,"type":332}," Top or bottom margin or padding on the ",{"text":356,"type":332,"marks":357},"body",[358],{"type":359},"code",{"text":361,"type":332}," element itself.",{"type":327,"attrs":363,"content":364},{"textAlign":59},[365,369,371,374],{"text":366,"type":332,"marks":367},"Fix:",[368],{"type":352},{"text":370,"type":332}," Move the top or bottom margin or padding from the ",{"text":356,"type":332,"marks":372},[373],{"type":359},{"text":375,"type":332}," element to a child element instead.",{"type":334,"attrs":377,"content":378},{"level":336,"textAlign":59},[379],{"text":380,"type":332},"Missing or broken styles",{"type":327,"attrs":382,"content":383},{"textAlign":59},[384],{"text":385,"type":332},"Your page styling changes significantly when the sidecart slides in.",{"type":327,"attrs":387,"content":388},{"textAlign":59},[389,392,394,397,399,403,405,409],{"text":349,"type":332,"marks":390},[391],{"type":352},{"text":393,"type":332}," CSS rules targeting direct descendants of ",{"text":356,"type":332,"marks":395},[396],{"type":359},{"text":398,"type":332}," (e.g. ",{"text":400,"type":332,"marks":401},"body > div",[402],{"type":359},{"text":404,"type":332}," or ",{"text":406,"type":332,"marks":407},"body > header",[408],{"type":359},{"text":410,"type":332},"). The sidecart wraps page content in a container element, which breaks these rules.",{"type":327,"attrs":412,"content":413},{"textAlign":59},[414,417,419,423,425,429],{"text":366,"type":332,"marks":415},[416],{"type":352},{"text":418,"type":332}," Add ",{"text":420,"type":332,"marks":421},"body > [data-fc-store-page] > div",[422],{"type":359},{"text":424,"type":332}," and ",{"text":426,"type":332,"marks":427},"body > [data-fc-store-page] > header",[428],{"type":359},{"text":430,"type":332}," alongside your existing rules to account for the wrapper element.",{"type":334,"attrs":432,"content":433},{"level":336,"textAlign":59},[434],{"text":435,"type":332},"Jumping background image",{"type":327,"attrs":437,"content":438},{"textAlign":59},[439],{"text":440,"type":332},"The background image jumps when the sidecart opens.",{"type":327,"attrs":442,"content":443},{"textAlign":59},[444,446,453],{"text":445,"type":332},"This is a known issue that has been fixed in recent versions. If you are still seeing this, contact ",{"text":447,"type":332,"marks":448},"Foxy support",[449],{"type":450,"attrs":451},"link",{"href":452,"uuid":59,"anchor":59,"target":59,"linktype":31},"https:\u002F\u002Ffoxy.io\u002Fsupport",{"text":454,"type":332},".",{"type":334,"attrs":456,"content":457},{"level":336,"textAlign":59},[458],{"text":459,"type":332},"Notes",{"type":461,"content":462},"bullet_list",[463,492],{"type":464,"content":465},"list_item",[466],{"type":327,"attrs":467,"content":468},{"textAlign":59},[469,471,475,476,479,481,485,487,490],{"text":470,"type":332},"If your site’s CSS is broadly scoped (e.g. rules targeting ",{"text":472,"type":332,"marks":473},"*",[474],{"type":359},{"text":404,"type":332},{"text":356,"type":332,"marks":477},[478],{"type":359},{"text":480,"type":332},"), it may bleed into the sidecart despite the ",{"text":482,"type":332,"marks":483},"#fc",[484],{"type":359},{"text":486,"type":332}," namespace. Scope your rules more tightly or use ",{"text":482,"type":332,"marks":488},[489],{"type":359},{"text":491,"type":332}," prefixed overrides to correct specific elements.",{"type":464,"content":493},[494],{"type":327,"attrs":495,"content":496},{"textAlign":59},[497,499,505],{"text":498,"type":332},"For help adding custom CSS to the cart, see ",{"text":500,"type":332,"marks":501},"Add custom CSS to the cart",[502],{"type":450,"attrs":503},{"href":504,"uuid":59,"anchor":59,"target":59,"linktype":31},"https:\u002F\u002Ffoxy.io\u002Fhelp\u002Farticles\u002Fadd-custom-css-to-the-cart",{"text":454,"type":332},{"id":59,"alt":59,"name":13,"focus":59,"title":59,"source":59,"filename":13,"copyright":59,"fieldtype":81,"meta_data":507},{},"How to fix common display problems with the Foxy sidecart, including jumping elements and missing styles.","0741c744-77a5-4e11-87cc-3b8850c51529",[],"troubleshoot-sidecart-display-issues","help\u002Farticles\u002Ftroubleshoot-sidecart-display-issues",-2680,[],2659,"3f30cf34-706b-43ef-8a63-7e157acfa516",[],{"html":519,"sections":520,"segments":530},"\u003Cp>If the sidecart is causing visual problems on your site, the following covers the most common issues and how to fix them.\u003C\u002Fp>\u003Csection id=\"jumping-elements\" data-title=\"Jumping elements\" data-title-node=\"H2\">\u003Chr class=\"my-8\" style=\"margin-left: -48px; margin-right: -40vw\">\u003Ch2 data-anchor-id=\"jumping-elements\">Jumping elements\u003C\u002Fh2>\u003Cp>The most common sidecart problem. Page elements jump when the sidecart slides in.\u003C\u002Fp>\u003Cp>\u003Cstrong>Cause:\u003C\u002Fstrong> Top or bottom margin or padding on the \u003Ccode class=\"badge bg-soft-danger text-danger\">body\u003C\u002Fcode> element itself.\u003C\u002Fp>\u003Cp>\u003Cstrong>Fix:\u003C\u002Fstrong> Move the top or bottom margin or padding from the \u003Ccode class=\"badge bg-soft-danger text-danger\">body\u003C\u002Fcode> element to a child element instead.\u003C\u002Fp>\u003C\u002Fsection>\u003Csection id=\"missing-or-broken-styles\" data-title=\"Missing or broken styles\" data-title-node=\"H2\">\u003Chr class=\"my-8\" style=\"margin-left: -48px; margin-right: -40vw\">\u003Ch2 data-anchor-id=\"missing-or-broken-styles\">Missing or broken styles\u003C\u002Fh2>\u003Cp>Your page styling changes significantly when the sidecart slides in.\u003C\u002Fp>\u003Cp>\u003Cstrong>Cause:\u003C\u002Fstrong> CSS rules targeting direct descendants of \u003Ccode class=\"badge bg-soft-danger text-danger\">body\u003C\u002Fcode> (e.g. \u003Ccode class=\"badge bg-soft-danger text-danger\">body > div\u003C\u002Fcode> or \u003Ccode class=\"badge bg-soft-danger text-danger\">body > header\u003C\u002Fcode>). The sidecart wraps page content in a container element, which breaks these rules.\u003C\u002Fp>\u003Cp>\u003Cstrong>Fix:\u003C\u002Fstrong> Add \u003Ccode class=\"badge bg-soft-danger text-danger\">body > [data-fc-store-page] > div\u003C\u002Fcode> and \u003Ccode class=\"badge bg-soft-danger text-danger\">body > [data-fc-store-page] > header\u003C\u002Fcode> alongside your existing rules to account for the wrapper element.\u003C\u002Fp>\u003C\u002Fsection>\u003Csection id=\"jumping-background-image\" data-title=\"Jumping background image\" data-title-node=\"H2\">\u003Chr class=\"my-8\" style=\"margin-left: -48px; margin-right: -40vw\">\u003Ch2 data-anchor-id=\"jumping-background-image\">Jumping background image\u003C\u002Fh2>\u003Cp>The background image jumps when the sidecart opens.\u003C\u002Fp>\u003Cp>This is a known issue that has been fixed in recent versions. If you are still seeing this, contact \u003Ca href=\"https:\u002F\u002Ffoxy.io\u002Fsupport\" class=\"\">Foxy support\u003C\u002Fa>.\u003C\u002Fp>\u003C\u002Fsection>\u003Csection id=\"notes\" data-title=\"Notes\" data-title-node=\"H2\">\u003Chr class=\"my-8\" style=\"margin-left: -48px; margin-right: -40vw\">\u003Ch2 data-anchor-id=\"notes\">Notes\u003C\u002Fh2>\u003Cul>\u003Cli>\u003Cp>If your site’s CSS is broadly scoped (e.g. rules targeting \u003Ccode class=\"badge bg-soft-danger text-danger\">*\u003C\u002Fcode> or \u003Ccode class=\"badge bg-soft-danger text-danger\">body\u003C\u002Fcode>), it may bleed into the sidecart despite the \u003Ccode class=\"badge bg-soft-danger text-danger\">#fc\u003C\u002Fcode> namespace. Scope your rules more tightly or use \u003Ccode class=\"badge bg-soft-danger text-danger\">#fc\u003C\u002Fcode> prefixed overrides to correct specific elements.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>For help adding custom CSS to the cart, see \u003Ca href=\"https:\u002F\u002Ffoxy.io\u002Fhelp\u002Farticles\u002Fadd-custom-css-to-the-cart\" class=\"\">Add custom CSS to the cart\u003C\u002Fa>.\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Ful>\u003C\u002Fsection>",[521,524,526,528],{"id":522,"title":339,"level":523},"jumping-elements","H2",{"id":525,"title":380,"level":523},"missing-or-broken-styles",{"id":527,"title":435,"level":523},"jumping-background-image",{"id":529,"title":459,"level":523},"notes",[531],{"type":532,"content":533},"html","\u003Cp>If the sidecart is causing visual problems on your site, the following covers the most common issues and how to fix them.\u003C\u002Fp>\u003Ch2>Jumping elements\u003C\u002Fh2>\u003Cp>The most common sidecart problem. Page elements jump when the sidecart slides in.\u003C\u002Fp>\u003Cp>\u003Cstrong>Cause:\u003C\u002Fstrong> Top or bottom margin or padding on the \u003Ccode class=\"badge bg-soft-danger text-danger\">body\u003C\u002Fcode> element itself.\u003C\u002Fp>\u003Cp>\u003Cstrong>Fix:\u003C\u002Fstrong> Move the top or bottom margin or padding from the \u003Ccode class=\"badge bg-soft-danger text-danger\">body\u003C\u002Fcode> element to a child element instead.\u003C\u002Fp>\u003Ch2>Missing or broken styles\u003C\u002Fh2>\u003Cp>Your page styling changes significantly when the sidecart slides in.\u003C\u002Fp>\u003Cp>\u003Cstrong>Cause:\u003C\u002Fstrong> CSS rules targeting direct descendants of \u003Ccode class=\"badge bg-soft-danger text-danger\">body\u003C\u002Fcode> (e.g. \u003Ccode class=\"badge bg-soft-danger text-danger\">body > div\u003C\u002Fcode> or \u003Ccode class=\"badge bg-soft-danger text-danger\">body > header\u003C\u002Fcode>). The sidecart wraps page content in a container element, which breaks these rules.\u003C\u002Fp>\u003Cp>\u003Cstrong>Fix:\u003C\u002Fstrong> Add \u003Ccode class=\"badge bg-soft-danger text-danger\">body > [data-fc-store-page] > div\u003C\u002Fcode> and \u003Ccode class=\"badge bg-soft-danger text-danger\">body > [data-fc-store-page] > header\u003C\u002Fcode> alongside your existing rules to account for the wrapper element.\u003C\u002Fp>\u003Ch2>Jumping background image\u003C\u002Fh2>\u003Cp>The background image jumps when the sidecart opens.\u003C\u002Fp>\u003Cp>This is a known issue that has been fixed in recent versions. If you are still seeing this, contact \u003Ca href=\"https:\u002F\u002Ffoxy.io\u002Fsupport\" class=\"\">Foxy support\u003C\u002Fa>.\u003C\u002Fp>\u003Ch2>Notes\u003C\u002Fh2>\u003Cul>\u003Cli>\u003Cp>If your site’s CSS is broadly scoped (e.g. rules targeting \u003Ccode class=\"badge bg-soft-danger text-danger\">*\u003C\u002Fcode> or \u003Ccode class=\"badge bg-soft-danger text-danger\">body\u003C\u002Fcode>), it may bleed into the sidecart despite the \u003Ccode class=\"badge bg-soft-danger text-danger\">#fc\u003C\u002Fcode> namespace. Scope your rules more tightly or use \u003Ccode class=\"badge bg-soft-danger text-danger\">#fc\u003C\u002Fcode> prefixed overrides to correct specific elements.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>For help adding custom CSS to the cart, see \u003Ca href=\"https:\u002F\u002Ffoxy.io\u002Fhelp\u002Farticles\u002Fadd-custom-css-to-the-cart\" class=\"\">Add custom CSS to the cart\u003C\u002Fa>.\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Ful>",{"name":535,"created_at":536,"published_at":537,"updated_at":538,"id":539,"uuid":47,"content":540,"slug":48,"full_slug":48,"sort_by_date":59,"position":718,"tag_list":719,"is_startpage":24,"parent_id":59,"meta_data":59,"group_id":720,"first_published_at":721,"release_id":59,"lang":65,"path":59,"alternates":722,"default_full_slug":59,"translated_slugs":59},"Contact","2022-09-23T19:56:58.957Z","2025-05-08T18:24:40.382Z","2025-05-08T18:24:40.392Z",3138,{"seo":541,"_uid":544,"title":545,"action":546,"fields":547,"method":694,"columns":695,"subtitle":709,"component":48,"button_text":715,"submit_title":716,"submit_subtitle":717},{"_uid":542,"title":535,"plugin":543,"description":13},"24ff7574-3bcc-48d2-85b5-e529dfea1cc4","meta-fields","8f54f1da-9d8f-49b2-89e7-840e886491cb","We're here to help.","https:\u002F\u002Fusebasin.com\u002Ff\u002F029f48d65402",[548,553,557,665,668,673,688],{"_uid":549,"name":550,"type":332,"label":551,"options":13,"required":33,"component":552,"placeholder":13},"9a70b226-2036-4f90-a052-b3efa61c5896","name","Name","form___field",{"_uid":554,"name":555,"type":555,"label":556,"options":13,"required":33,"component":552,"placeholder":13},"86ba35be-ff43-4a28-8633-14052a8f6622","email","Email Address",{"_uid":558,"name":559,"type":560,"label":561,"options":562,"required":33,"component":552,"conditions":563,"placeholder":13},"3f827475-492c-4f97-aa1e-2386ac263b6c","topic","select","Topic","Presales, Support, Billing, Partnerships, Order Enquiry, Other",[564,619,629,636,644,652,658],{"_uid":565,"equals":566,"fields":567,"component":618},"e21d97dd-e68e-4fa6-ba97-bc40f3041dde","Order Enquiry",[568],{"_uid":569,"body":570,"type":616,"title":13,"component":617},"b64992bc-6d53-48b8-b7a0-d81e5a062e50",{"type":324,"content":571},[572],{"type":327,"content":573},[574,576,583,585,587,588,592,594,599,607,609,614],{"text":575,"type":332},"We are ",{"text":577,"type":332,"marks":578},"Foxy.io",[579],{"type":450,"attrs":580},{"href":581,"uuid":59,"anchor":59,"custom":582,"target":59,"linktype":31},"http:\u002F\u002FFoxy.io",{},{"text":584,"type":332},", an ecommerce platform powering ecommerce for other merchants. We do not sell products, and are unable to assist with questions about order statuses or refunds for any merchants using our platform. Please contact the merchant you ordered from for assistance. If you’d like to report a store using Foxy for fraudulent practices, please select ‘other’ in the subject.",{"type":586},"hard_break",{"type":586},{"text":589,"type":332,"marks":590},"NOTE:",[591],{"type":352},{"text":593,"type":332}," We are ",{"text":595,"type":332,"marks":596},"not ",[597],{"type":598},"italic",{"text":600,"type":332,"marks":601},"Foxy.in",[602,606],{"type":450,"attrs":603},{"href":604,"uuid":59,"anchor":59,"custom":605,"target":59,"linktype":31},"http:\u002F\u002FFoxy.in",{},{"type":598},{"text":608,"type":332},". We are not in any way affiliated with ",{"text":600,"type":332,"marks":610},[611],{"type":450,"attrs":612},{"href":604,"uuid":59,"anchor":59,"custom":613,"target":59,"linktype":31},{},{"text":615,"type":332},", and cannot help in any way with your order from that website.","danger","global___alert","form___condition",{"_uid":620,"equals":621,"fields":622,"component":618},"8765c3e1-25cf-44aa-b8ea-fc6094acf9c3","Presales",[623],{"_uid":624,"name":625,"type":626,"label":13,"options":13,"required":24,"component":552,"conditions":627,"placeholder":13,"default_value":628},"cf464f8e-d643-4f6e-af29-d3abffaf7380","department_email_address","hidden",[],"hello@foxy.io",{"_uid":630,"equals":208,"fields":631,"component":618},"4007b6d8-77e5-421d-bd1e-6f336dd853fb",[632],{"_uid":633,"name":625,"type":626,"label":13,"options":13,"required":24,"component":552,"conditions":634,"placeholder":13,"default_value":635},"7b4c6aa5-a68c-45e0-9ce1-0a36af10c0c2",[],"help@foxy.io",{"_uid":637,"equals":638,"fields":639,"component":618},"1dbb8f11-613d-43cd-9e09-1b94f6e19219","Billing",[640],{"_uid":641,"name":625,"type":626,"label":13,"options":13,"required":24,"component":552,"conditions":642,"placeholder":13,"default_value":643},"a0ac0d1b-bc4f-4a6c-a682-581d450b0b73",[],"help+billing@foxy.io",{"_uid":645,"equals":646,"fields":647,"component":618},"a0a53a50-7172-4a29-ba58-181e38874e12","Partnerships",[648],{"_uid":649,"name":625,"type":626,"label":13,"options":13,"required":24,"component":552,"conditions":650,"placeholder":13,"default_value":651},"7aa011d9-f374-4aed-b5a5-929b54aaf152",[],"partners@foxy.io",{"_uid":653,"equals":566,"fields":654,"component":618},"a4cd431f-25d5-41c7-bfdc-02c908c8fb47",[655],{"_uid":656,"name":625,"type":626,"label":13,"options":13,"required":24,"component":552,"conditions":657,"placeholder":13,"default_value":628},"f5d52168-d6ae-451b-94ee-2ced1cbd28ad",[],{"_uid":659,"equals":660,"fields":661,"component":618},"25aba1ed-eb41-4bbc-aa89-f7a7167ea86e","Other",[662],{"_uid":663,"name":625,"type":626,"label":13,"options":13,"required":24,"component":552,"conditions":664,"placeholder":13,"default_value":628},"f40dfaef-c203-4b71-bf4e-e1b43cef192b",[],{"_uid":666,"component":667},"e9c53a05-f40a-4510-aaf8-bc072a235a0c","form___subject",{"_uid":669,"name":670,"type":671,"label":672,"options":13,"required":33,"component":552,"placeholder":13},"a4c4d385-fff4-4978-99fb-b68cfea623d6","message","textarea","Message",{"_uid":674,"name":675,"type":560,"label":676,"options":677,"required":33,"component":552,"conditions":678,"placeholder":13},"8a3c9f85-f438-427d-9c7a-d7b295a14b5b","existing_user","Are you an existing user?","No, Yes",[679],{"_uid":680,"equals":681,"fields":682,"component":618},"115933d6-262a-4b59-8fa8-579c5ad73de1","Yes",[683],{"_uid":684,"name":685,"type":332,"label":686,"options":13,"required":33,"component":552,"conditions":687,"placeholder":13},"44b6ff23-98f0-4e95-b7f5-c23e06415c2d","subdomain","Store Subdomain",[],{"_uid":689,"name":690,"type":560,"label":691,"options":692,"required":33,"component":552,"conditions":693,"placeholder":13},"922a5cef-3af2-4113-8855-36c7910e3ee3","user_type","What type of user are you?","Developer, Designer, Merchant",[],"POST",[696],{"_uid":697,"text":698,"title":707,"component":708},"7323b90d-a93a-4bf1-baa9-20d0b7ead61b",{"type":324,"content":699},[700],{"type":327,"content":701},[702,704,705],{"text":703,"type":332},"855.369.9227",{"type":586},{"text":706,"type":332},"9:30am-6pm Central M-F","Pre-sales, Sales, & Partnerships","contact___footer_column",{"type":324,"content":710},[711],{"type":327,"content":712},[713],{"text":714,"type":332},"Get in touch to get help from our friendly support team.","Submit","Success!","Your email has been received. We'll get back to you as soon as we can, but it might take a business day. If you don't hear back from us in a timely manner, please check your spam folder to ensure our reply didn't go there.",-80,[],"2fd9fb7d-a48a-4184-acfd-30022d8d6f08","2022-09-23T20:10:45.360Z",[],[288,724,750],{"name":725,"created_at":726,"published_at":727,"updated_at":728,"id":729,"uuid":730,"content":731,"slug":744,"full_slug":745,"sort_by_date":59,"position":746,"tag_list":747,"is_startpage":24,"parent_id":310,"meta_data":59,"group_id":748,"first_published_at":727,"release_id":59,"lang":65,"path":59,"alternates":749,"default_full_slug":59,"translated_slugs":59},"Cart","2026-06-30T21:44:38.509Z","2026-06-30T21:52:06.971Z","2026-06-30T21:52:06.998Z",193193076819032,"d9dfda0a-e048-42b5-aafd-62e2b42fd938",{"_uid":732,"icon":13,"name":725,"type":733,"pinned":24,"summary":734,"category":13,"component":297,"blog_posts":735,"icon_custom":736,"case_studies":738,"faq_sections":739,"featured_guides":740,"mailbox_category":13,"featured_articles":741,"featured_blog_posts":742,"featured_case_studies":743},"8a24659e-940a-4097-878e-0310179ef9aa","simple","How the cart works, configuration options, customizations, and advanced integrations.",[],{"id":59,"alt":59,"name":13,"focus":59,"title":59,"source":59,"filename":13,"copyright":59,"fieldtype":81,"meta_data":737},{},[],[],[],[],[],[],"cart","help\u002Fcategories\u002Fcart",-430,[],"3a76f1bc-b39c-488b-b092-663996df4ce1",[],{"name":751,"created_at":752,"published_at":753,"updated_at":754,"id":755,"uuid":509,"content":756,"slug":768,"full_slug":769,"sort_by_date":59,"position":770,"tag_list":771,"is_startpage":24,"parent_id":310,"meta_data":59,"group_id":772,"first_published_at":753,"release_id":59,"lang":65,"path":59,"alternates":773,"default_full_slug":59,"translated_slugs":59},"Customize The Cart","2026-06-30T21:47:01.392Z","2026-06-30T21:52:06.192Z","2026-06-30T21:52:06.206Z",193193662080091,{"_uid":757,"icon":13,"name":751,"type":733,"pinned":24,"summary":758,"category":730,"component":297,"blog_posts":759,"icon_custom":760,"case_studies":762,"faq_sections":763,"featured_guides":764,"mailbox_category":13,"featured_articles":765,"featured_blog_posts":766,"featured_case_studies":767},"cbcb0710-2155-4852-a1e1-b729eb7d117e","Customize the appearance and display of the cart.",[],{"id":59,"alt":59,"name":13,"focus":59,"title":59,"source":59,"filename":13,"copyright":59,"fieldtype":81,"meta_data":761},{},[],[],[],[],[],[],"customize-the-cart","help\u002Fcategories\u002Fcustomize-the-cart",-460,[],"c5058a57-2cf9-40fb-864b-454ba0f2bb89",[],{},1782943014665]