Horizontal Scrollbar on Responsive Theme

  • Resolved mildhabanero

    (@mildhabanero)


    6 years, 8 months ago

    Happy St. Patrick’s Day WP Community!

    I just recently encountered an issue regarding my website’s front page, which is exceeding full-width.

    To specify, this website is running i-Amaze, a fully responsive theme that adjusts to changing window sizes. The front page should only be able to scroll vertically, however today a horizontal scrollbar appeared, which ventures into unpleasant gray space; this issue does not affect the theme’s responsive capabilities. This issue appeared today, which is strange because I haven’t made any recent revisions to the front page.

    Some information that might help:
    – The background elements have negative margins (won’t be full-width otherwise), though this has never caused problems before
    – The horizontal scrollbar only appears on the home page, no other pages are affected.

    I am by no means a coding expert, and I will be forever grateful to anyone who can help me remove this horizontal scrollbar.

    Thanks for your time!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter mildhabanero

    (@mildhabanero)

    Looks like I should’ve done some more extensive research before making this post…

    Fixed the issue by adding the following snippet:

    `body {

    overflow-x: hidden;

    }

    Hope that this helps whoever may encounter the same issue.

    Thread Starter mildhabanero

    (@mildhabanero)

    Resolved.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Horizontal Scrollbar on Responsive Theme’ is closed to new replies.