Mobile preview looks good - on my iphone looks bad

Hey webflow friends,

So when I preview my site on the mobile preview in the webflow Designer, everything looks great. But after I published the site, a lot of the headings that should be centered are floating off to the right of the screen, so only half of the title is visible and the rest sits off-screen. This is happening on mobile. As if there’s some hidden padding or margin that’s pushing the headings to the right.

Again, the headings look fine on my mobile preview in the designer. Hopefully someone can help? Or maybe its a bug in the designer?

Here’s my read only site :

Here’s the published site :


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Can you please specify the iPhone model?

Yes, its an iPhone 7s

Did this get solved?