Two scroll bars on site pages – checked in chrome and safari

  • Resolved madeleineroseelliott

    (@madeleineroseelliott)


    5 years, 11 months ago

    I keep having the issue of two scroll bars appearing on my site and I haven’t been able to solve it yet.
    I’ve deactivated all plugins and the issue still persists.
    I have tried adding custom CSS to deal with overflow but nothing that has worked yet.

    It seems to happen the same in both chrome and safari on mac and on every page that is longer than the screen size.
    Any help or suggestions would be amazing!

    The site is https://www.madeleinerose.photography

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

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

  • Hi madeleineroseelliott.

    You’re using a commercial theme so you’ll need to search for resolution of your issue at https://themeforest.net/item/x-the-theme/5871901/support

    Hi Madeleine,

    Try sticking this into the Additional CSS section of Customizer:

    body {
    overflow-x: visible;
}

    As always, if this fixes the scrollbar problem, check the rest of the site to be sure it hasn’t introduced another problem. I’m hoping the developer of the theme must have a good reason for changing overflow-x from its default value of visible to hidden.

    Good luck!

    Hello!

    The overflow-x: hidden seems to be the problem on your site.

    I tried this instead and it seemed to work:

    overflow-x:initial

    So, go to Appearance > Customize > Additional CSS and add this code:

    body {overflow-x: initial;}

    Click the Publish button.

    If you refresh and nothing changes, clear your browser and site cache.

    If it still doesn’t change, add !important to the CSS code, like this:

    body {overflow-x: initial !important;}

    Clear the caches again if needed.

    You can also add this instead:

    body {overflow-y: hidden;}

    Seems to work, too, and it makes more sense since it’s a vertical scrollbar.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I’m afraid hiding the scrollbars works more like a plaster, whereas you should ideally find the underlying issue and fix that. If you are using a commercial theme then make sure to let the theme author know of the issue and get support from them.

    Thread Starter madeleineroseelliott

    (@madeleineroseelliott)

    Hiding the scroll bars with body {overflow-x: visible;} didn’t seem to fix the issue for me.
    I’ve spent some time reading through my theme’s support forums and it seems to be a common issue with the footer content height which needs to be set at auto.

    Here is the link for anyone else finding the same issue with Themeco Pro.
    https://theme.co/apex/forum/t/double-scroll-bars/3847/15

    Thank you for the help everyone!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Two scroll bars on site pages – checked in chrome and safari’ is closed to new replies.