Two scroll bars after creating footer

Aph100 · August 4, 2020, 8:00am

at staging.stoptheswap.co.uk I have created a global footer and now I have two scroll bars on the right. I am not sure why - can you help?

Thanks

Aph100 · August 4, 2020, 8:01am

Its Ok, I added
body {
overflow:hidden;
}
and that seems to have removed it - is that correct way to do it please?

Thanks

friech · August 4, 2020, 8:55am

Hi Alex,

Thank you for writing in, yes the overflow:hidden; property on the body would work too, but the main reason why you’re having a double scrollbar issue is that of insufficient height on the bar (it could be footer bar or header bar), to resolve that issue, you can increase the height of your bar or you can also set it to auto so it will be responsive (which we recommend).

Cheers!

Aph100 · August 4, 2020, 3:13pm

Thanks. One other issue I have. I have my site set to full width with the website at 90% so that the header slightly overlaps the content. Is there a way to set the footer bar to the same 90%. I tried this in the Bar width settings but this didn’t seem to make any difference

Thanks

tristup · August 4, 2020, 4:06pm

Hi Alex,

After examined your website it has been found that the page is using the Blank - Container | No Header, Footer template and Box Layout as layout.
So the header is actually a part of your content and builds through the content builder and inside the container which has a width of 95%.
Whereas the footer is a different element and has its own width i.e 100% to the layout, and that is why it is different than the header.
Making the footer with 95% to the layout will match the header and footer.

Screenshot 1: Theme Options with the Layout and Design to select the layout and the width