My website is zoomed out on mobile

Hello everyone,
When i checked out my website on mobile for some reason its zoomed out.
How do I make it appear in the right position?

Thanks in advance.

Here is my site Read-Only
https://preview.webflow.com/preview/robert-nassers-first-project?utm_source=robert-nassers-first-project&preview=804b2adf1a3e0a8ed95e690ecb06d155

Hello @therobertnasser

I just checked your preview link I noticed that you’re using a lot of padding and margin adjustments bigger than your screen size for mobile, for example:

the inner section has a margin left of 257 and negative margin of 566 that gives you an element of 823 px just considering margins, your mobile average breakpoint is 320 so that’s why your mobile view has these issues.

Be careful with margins and paddings through all the elements on your site and you’re good to go.

Thanks I’ll try to make it work :smiley:

1 Like