Extraneous Space Causing Scroll Bar to Extend

  • OscarGuy

    (@oscarguy)


    1 year, 2 months ago

    I’m having issues with the bottom scroll bar showing up even though there are no elements that extend out to the right. I’ve checked the source on the page and none of the divs go that far over. I’ve tried disabling all addons and that doesn’t fix the problem. I’m just not sure how to fix it.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator threadi

    (@threadi)

    1 year, 2 months ago

    This is created by the form fields in the right sidebar. They are too wide.

    The simplest solution would be to hide this sidebar using CSS. However, this would require an ID or CSS class.

    Sajjad Hossain Sajib

    (@sajibwap)

    1 year, 2 months ago

    @oscarguy The problem lies in the Category List block in the sidebar. There is an element overflowing far to the right, causing the horizontal scrollbar issue.

    https://prnt.sc/EBubShBOi7NZ

    Maybe you can start troubleshooting from this block.

    Thread Starter OscarGuy

    (@oscarguy)

    1 year, 2 months ago

    Thanks. I found the block in question. It seems to be this label: <label class=”wp-block-categories__label screen-reader-text” for=”wp-block-categories-1″>Categories</label>

    Unfortunately, I cannot seem to get any styles to limit its width. Is there some weird WordPress appended descriptor that I need to remove?

    I’m trying to style “wp-block-categories__label screen-reader-text” but just a width style doesn’t seem to change it.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Extraneous Space Causing Scroll Bar to Extend’ is closed to new replies.