Two Scroll Bars Showing up Along Side?

Support
#21

Hello,

I am having this double scrollbar issue on my site. It happened when I inserted a footer using the X Pro Footer creator. I read the previous post and I checked my site’s code.

I believe I may have an issue with a sizing issue. However, since I used the X Pro Footer creator, I experimented with changing footer settings and nothing made the double scrollbar go away.

My site:
https://www.healthcorefitness.com

#22

Hello There,

Thanks for updating this thread.

Please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

body {
    overflow-x: initial;
}

We would loved to know if this has work for you. Thank you.

#23

Hello,

Yes, this code definitely got rid of the double scrollbars issue :grinning:. However, now the “Back to Top” button that appears on the lower right side, when scrolling down, goes behind the footer when reaching the bottom of the page. This to me is not a big deal. I am thinking of perhaps some additional css on the “<a class="x-scroll-top right fade in" title="Back to Top">” link tag.

#24

Hello There,

The default z-index of the back to top button is only 1031. The default z-index of the bar settings in your footer is 9999. Please edit your footer and lower the z-index. Use at least 1020 or lower so that the back to top button will display on the top layer.

Hope this helps.

1 Like