UI differences between editor & published site

In my nav header, I’m seeing differences between the rendering in the editor and on the published site (chrome and safari on iPhone 14). See the margin/padding on the logo in the top left.

It’s also odd because if I’m on a chromium browser on my computer and i shrink the viewport to mobile, it renders correctly (same as the editor).

Has anyone seen this before?

Hello Jack,

yes I do.

I either justify horizontal on extreme right and left of my navbar section element.

Or I use a column with two column to maintain responsiveness.

Can you record a video to better understand your structure please ?

Best,

Hi @lighthama2,

Thanks for your answer. My question is less about the element’s responsiveness settings (which are similar to yours but with middle alignment and no wrap) and more about why the editor is showing responsiveness differently than the published site.

Hi @Jack :wave:

Can you create a support ticket with test credentials so the team can access the pages you mention and look into it?

1 Like