Streaming live at 10am (PST)

Preview creates extra white space in the middle of the page that's not in editor

When I’m in editor, I have two columns that have a slight amount of white spacing in between them which is what I want, like this:

Then in preview, the white space between them widens:

I can’t for the life of me determine what is going on here. Any ideas?


Welcome to the community @Johanna_Lazar!

Are you talking about the difference between working in the Designer and previewing (clicking the eye icon) in the Designer? If so, that’s because your columns are taking up 50% of the screen width (with the image/content only taking up a portion of that) but enabling the preview expands the width of the visible screen—increasing the width of the screen.

There are lots of ways you could go about fixing the issue, however the easiest would be to limit the max-width on your columns element and centering it:

image

For reference, I only adjusted the top columns element in the screenshot below, showing that it’s contained to a narrower width than the bottom columns which stretch to the full-width:

Hopefully that helps, but feel free to reach out if you continue to have any issues/questions :v:

Oh my gosh thank you so much!