I’ve been making Websites on Webflow for ages and don’t usually get stumped, but this time I am really at a loss. I hope somebody can help me or let me know if they are currently experiencing the same issue.
In short: The grid displays correctly in the Webflow Designer but looks completely different when published (to staging). I have a 2x2 grid where a CMS-instance is supposed to span the lower 2 columns, however it only spans 1-column on production. See screenshots:
Sidenote: On this page we use custom code to turn the CMS into a swiper.js - but I have attempted trouble shooting by clearing out all custom code but it had no effect.
When your published site looks different from what you see in the Designer, here are some troubleshooting steps to resolve the issue:
First, try unpublishing and republishing your site from your site settings. If the issue persists, clear your browser cache to ensure you’re viewing the most recent version of your site. As a last resort, you can restore a previous version of your site from your project settings that had the correct grid layout.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
