Css grid different on live website than in Designer (for mobile views)

Hi guys the issue already happened with symbols, but now it is happening again.
My preview and live site looks totally different than the designer view. Somehow it automatically deletes columns and rows and gets messed up that way. Any Idea why? Just go through the different versions of the mobile versions and you will see the difference in the designer/preview view.
Help very much appreciated otherwise I am stuck by rebuilding everything again and again.


Here is my site Read-Only: LINK

Hi, @creatspot! Thanks so much for posting about this. The good news is there is an easy fix here.

This only like this in the Designer. If you switch to preview, you can see everything works correctly.

This is because we apply a fake 75px to empty columns in the designer so that they’re easier to see and work with.

If you “Hide Empty Elements,” you’ll also see it work correctly in the Designer.

CloudApp

It also works as expected in the published version of the site.

Let me know if you have any other questions and I’ll be happy to help!

1 Like

Genius! Thanks so much @rileyrichter
I have never used this button before :wink:

1 Like

Just glad I can help, @creatspot! I hadn’t used it much before grid! :smiley: Good luck with your project!

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.