Webflow Preview and Published Site don't look the same

Hi Guys

My preview on mobile is different to the live view. The text on the live view is overlapping with another piece of text. I dont know how to fix this as it looks fine on preview.

Any ideas on how i can fix this? It’s been fine for the last 2 years.

thank you!

Here is my site Read-Only: ** Webflow - One Call Building Solutions **
(how to share your site Read-Only link)

From what I see, all elements within your grid have position properties that are not needed. Unfortunately there are too many to name individually. Almost every element.
As a general statement, I recommend starting with your parent “Section 8” and removing all instances of margin adjustments. Most padding adjustments too.
Then removing almost all properties you’ve applied to the grid itself, and look into properly positioning the elements within the grid by changing “Div 5” to flexbox with vertical direction + center the children vertically and horizontally.

All of these margins and negative margins are causing the overflow issues you have on mobile too.

1 Like