Archived topic
Double Vertical Scrollbar
12 replies · Started by Kamina Graphix on July 6, 2018
Hi guys...
I am busy doing some content changes to a clients website... I am using GeneratePress premium and Elementor (free) on the site... so after making a few of many content updates on the site, I all of a sudden have a double vertical scrollbar on the site... I have not installed any new plugins.
Its not on all the pages... Have I done something wrong? I am also not a fundi in coding, and css... so have no idea what would have caused this issue, as I have a tendency to not fiddle with things I dont know much about...
These are a few of the pages I have the double scrollbar:
https://msasa.co.za/
https://msasa.co.za/surface-treatment/
https://msasa.co.za/crack-injection-water-activated-seal-injection/
you will see on these pages, that the double scrollbar, is messing up the whole page layout...
Hi there, i am not seeing this on desktop Chrome / FF or Safari or in their responsive modes. Have you tried clearing caches?
Hi David,
I have cleared cache and all history... its still doing the same thing... I work on FireFox... I have also checked the site, using Chrome... its doing the double scrollbar on both browsers...
Are you able to provide a screen shot? You can post a link to a cloud / shared drive or if it's hosted add it using the img button
Sorry i am not seeing the image can you just provide the absolute URL to them please
David, you are going to think im totally stupid... but I dont know how to copy the absolute URL...
could it possibly be this link?? view-source:https://msasa.co.za/crack-injection-water-activated-seal-injection/
Not a problem. Add your screen shot image to the media libray, then select that image in the library and to the right you should see the full URL :)
Ok... I think this is what you want... lol
https://msasa.co.za/wp-content/uploads/2018/07/2018761326515585.png
https://msasa.co.za/wp-content/uploads/2018/07/201876132734395.png
I have had a look at the site, on another pc... there is only one scrollbar on the right, but there is a huge white gap under the footer and the bottom of the page.
If you open this specific page https://msasa.co.za/crack-injection-water-activated-seal-injection/ and scroll to the bottom...
https://msasa.co.za/wp-content/uploads/2018/07/Screenshot_2018-07-06-Crack-Injection-Water-Activated-Seal-Injection-MSASA-Construction-Solutions-for-Africa.png
So the second sidebar is something to do with that PC settings (?)
The footer is always displayed at the bottom of the site content, so when pages are short their will be a visible gap.
You can set the minimum height of the content to fit the screen with this CSS:
.site-content {
min-height: calc(100vh - 320px);
}https://docs.generatepress.com/article/adding-css/
The 320px is the total height of header + nav + footer. You can tweak accordingly.
Thank you... Will try the above recommendations.
You're welcome :)
