Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Responsive mobile site scroll issue

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #45808
    lschoen114
    Participant

    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!

    #140167
    Alen
    Participant

    > 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.

    #140168
    lschoen114
    Participant

    Nevermind, I figured it out.

    Thank you.

    #140171
    Alen
    Participant

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

    #140198
    lschoen114
    Participant

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

    It was having issues otherwise.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.