Responsive mobile site scroll issue

[lschoen114]

I am having a weird issue with the scroll on a responsive site.

When i make my footer element 100% with @media screen (max-width:480px), it creates a horizontal scroll bar because of the vertical scroll bar. Is there any way to get rid of that and keep my elements at 100%?

Should I use overflow:hidden?

Disable horizontal scroll?

Thanks!

[Alen]

> it creates a horizontal scroll bar because of the vertical scroll bar

This can’t be true. Scroll bar is part of the browser, not viewport.

Check margins and padding on the footer.

[lschoen114]

Nevermind, I figured it out.

Thank you.

[Alen]

Can you share you findings, so that others can benefit if they’re searching for similar issue/solution.

[lschoen114]

I had to add overflow:hidden to my container div and footer container div.

It was having issues otherwise.

[Author]

Posts