Appearance after publishing totally diff to that in Designer and Preview modes

Hello guys,

Could someone please help?

I have tried to make this site responsive and it looks good in Designer and Preview Modes however, when published it’s all over the shop.

Can someone help me please?

OR how can I lock the size of the whole say to say 1120px where I know it looks okay?

Many thanks in advance, Alan


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

//https://preview.webflow.com/preview/justin-hills-d84efc9f1997-4275b53ef6c29?utm_medium=preview_link&utm_source=dashboard&utm_content=justin-hills-d84efc9f1997-4275b53ef6c29&preview=21c45d4d7a787780ab85ca8b64d8eb29&mode=preview

Hi it’s like this. You have to design/adopt the site from each break point. Always start from the biggest down to the smallest.

A tip from me.
When i design a new site i do make it work on all break ponts after i have finish a page.
Much easier and im doing all work for each page

Thank you

However, when I do this it still goes all over the place in reality. Perhaps can pay you to help me fix it?

https://preview.webflow.com/preview/testing-d84efc9f1997-2b357bd63bd9f?utm_medium=preview_link&utm_source=designer&utm_content=testing-d84efc9f1997-2b357bd63bd9f&preview=ba608b0b5f4b8e529212512617954206&mode=preview

I can se that you use fixed for you maon container. Should be static or relative.
You need to spen aloy of time on this one