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).
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.