Vertical extra Scrollbars on the righthand side

  • Resolved Ultra-B

    (@ultra-b)


    1 year, 8 months ago

    I have searched the web with the view to resolve this issue of two scrollbars on all the pages, but yet to find a true or permanent one. The CSS code (body {overflow: visible;})recommended by YouTubers are flawed. Yes, this removed one of the scroll bars (the outer one), leaving the inner one intact. This act then created another issue of preventing the footer from being fixed on all the pages except, the front/home page. When I then tried putting another code to fix the footer on other pages, it became problematic. There were overlapping of content and transparent footer. The outer scrollbar ought to remain, while the inner should be removed. I am also using a child theme of twenty-twenty of WordPress. The second issue is the 404 page still inhabiting the 1st theme’s footer. How do I resolve both of these issues? Can anyone please help. Thank you.

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

  • I have searched the web with the view to resolve this issue of two scrollbars on all the page

    Hi @ultra-b can you please take a screenshot of these two scrollbars you are referring to, you can add the screenshot to https://snipboard.io/ The site will provide a new link which you can share here.

    Thread Starter Ultra-B

    (@ultra-b)

    @thelmachido, thank you. The snipboard.io failed to save, so, I will upload here if possible. Nop, no joy.

    Thread Starter Ultra-B

    (@ultra-b)

    @thelmachido, I hope this link will show the image, https://snipboard.io/NZW4CV.jpg. These double scrollbars are persistence on pages with lower content, as I have just noticed.

    Yes, this removed one of the scroll bars (the outer one), leaving the inner one intact. This act then created another issue of preventing the footer from being fixed on all the pages except, the front/home page.

    Hi @ultra-b thank you for sharing an image, I don’t have these scrollbars on my site so it is hard to find the right code to resolve this especially since you have two of them. Nevertheless, can you try using the code below: 

    body {
    overflow-y: hidden;
}

    If the code doesn’t work can you please share a link to your site ?

    Thread Starter Ultra-B

    (@ultra-b)

    Thank you, @thelmachido, odd, but I tried this code before reaching out to the forum. It looks fine now. Hope it stays that way after all the problem.

    Hi @ultra-b I am glad it is now working, with the code I shared I made sure that we would be targeting the overflow on the y-axis.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Vertical extra Scrollbars on the righthand side’ is closed to new replies.