(Responsive) blank space on mobile

Hello,

I have a problem with responsive. You can see that problem with your phone because there a space on right screen. I don’t know if that problem come from header or footer. Can you help me ?

https://preview.webflow.com/preview/wamstudio?utm_medium=preview_link&utm_source=designer&utm_content=wamstudio&preview=f64027af932b6e4f366da1e321d01e44&mode=preview

Thanks

Screen Shot 2020-05-14 at 16.55.55

You Nav content’s minimum width is wider than it’s container and causing overflow. You have a choice to either remove an element or use another layout for the Nav.

Perfect it is corrected for mobiles, on the other hand I have this same problem for 15 inch screen for example. On the big screen it’s good but as soon as it’s smaller there is this space on the right side

When the page is in big no problem.
When the page is much shrunk no problem.

But as soon as the page is in between. Moderately narrowed, the white space appears.

https://www.loom.com/share/1e4ad121beb348c6b3eb503708057788

Hey @Romgal, the problem is here:

Your logo has a set width which overflows out of the container. You can just remove the width or make it in %.
Screen Shot 2020-05-15 at 16.40.46

1 Like

Thanks :slight_smile: you’re right

1 Like

Good looking site btw!

1 Like