Troubleshoot sidecart display issues

Jumping elements

The most common sidecart problem. Page elements jump when the sidecart slides in.

Cause: Top or bottom margin or padding on the body element itself.

Fix: Move the top or bottom margin or padding from the body element to a child element instead.

Missing or broken styles

Your page styling changes significantly when the sidecart slides in.

Cause: CSS rules targeting direct descendants of body (e.g. body > div or body > header). The sidecart wraps page content in a container element, which breaks these rules.

Fix: Add body > [data-fc-store-page] > div and body > [data-fc-store-page] > header alongside your existing rules to account for the wrapper element.

Jumping background image

The background image jumps when the sidecart opens.

This is a known issue that has been fixed in recent versions. If you are still seeing this, contact Foxy support.

Notes

• If your site’s CSS is broadly scoped (e.g. rules targeting * or body), it may bleed into the sidecart despite the #fc namespace. Scope your rules more tightly or use #fc prefixed overrides to correct specific elements.

• For help adding custom CSS to the cart, see Add custom CSS to the cart.