Double scrollbar issue

[nleaivy]

Hello,

There is a double scrollbar showing on my site and I can’t figure out how to turn it off.

Can you guys help? Thank-you.

[ruenel]

Hello Natasha,

Thanks for posting in! Please make sure to set the height of your Bar element in your custom header explicitly. You can set it to auto instead of calc(100vh - 100px).

Kindly let us know how it goes.

[nleaivy]

Thanks! That looks to have worked

[tristup]

Hi Natasha,

Glad that we are able to help you.

Thanks

[nleaivy]

Hi,

I just noticed this now but there is still a double scrollbar on every other page except for the main page. For example, if you go to the other pages in the menu (Gallery/Newsletter and all of their pages), the double scrollbar still appears.

[tristup]

Hi Natasha,

The double scrollbar appears only if some of the elements are taller or similar in height to their container. I would suggest you go through the following thread, which may help you.

Mobile scrolling issues

Hi support, I have the mobile scrolling glitch that requires a number of swipes to get the scrolling working. Furthermore when checking the mobile layout on breakpoints I have noticed double scroll bars appearing so clearly something on the layout is not working. Using X theme tested on Android and IOS. Thanks for your help https://malcolmkeeganarchitecture.co.uk/

[Bug] Adding top border to footer adding a double scroll bar

Currently using the latest version of pro/wordpress etc. When adding a 1px top border to a bar in the footer a double scroll bar enters into play. It can be removed with overflow: hidden but want to report it so it can be fixed for anyone who might run into this.

Double Scroll bar products page

[doublescroll] Hi, there is a double scroll on the products page of this site: Any thoughts as to why? Thanks for your help

Hope it helps.
Thanks

[nleaivy]

Yes, I’ve gone through previous topics and replies and attempted solutions before posting here. This occurs on every single page that isn’t the main page. I’ve examined both of my headers (which I made following Themeco tutorials), referred to the initial solution that was posted here, and have made those changes but the issue remains.

I cannot figure out what the issue is, thus why I am reaching out to support.

[tristup]

Hi Natasha,

As explained in the referred threads, in your case it was the Bar of the Footer where the height is set to the 180px whereas the minimum height of the Container inside the Bar is set to 30vh. That is the reason behind your problem, I have set the Bar height to Auto and the problem is solved.

Thanks

[nleaivy]

Alright, thank you for checking that out.

When I need the footer to be a specified height, what do I do so as not to get a double scrollbar?

[ruenel]

Hello Natasha,

You may add a custom inline element CSS in your Bar element.

Be advised that this is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Best Regards.