Removing second vertical scroll bar?

Removing second vertical scroll bar?
0.0 0

#1

Hi all

I made some edits to my html file, reducing the footer size, as well as changing the text in it. I also edited some css.

The problem is, there is a second scroll bar added that scrolls the body of the site. I have no idea how to get rid of it!

Here is the live site: https://if-apps.github.io/IF-Charts/index.html

Here is the text for the HTML file:
https://github.com/IF-Apps/IF-Charts/blob/master/index.html

And here is the CSS file I edited:

https://github.com/IF-Apps/IF-Charts/blob/master/css/styles.css

Thanks in advance!


#2

Couldn’t find it in your code, but if you inspect the page and click the body tag you will see this style:

html, body{
  overflow-x: hidden;
  width: 100%;
}

If you know where this comes from, you can just delete the overflox-x and it should work. Else you need to overwrite it with overflow-x: visisible


#3

Thank you! It was on this file:

https://github.com/IF-Apps/IF-Charts/commit/64688cc846d7738eae7953dd27d06f17e6a75a61

Just made the edit, lets see :wink:


#4

It works, thank you!

Any idea how to get rid of the blank line under the footer?

https://if-apps.github.io/IF-Charts/


#5

The blank line is caused by the p inside the footer. It has a padding-bottom: 20px and margin: 0 0 10px, which creates a blank line of 30px.

EDIT that still leaves some space. But if you use the Inspector (Chrome/Firefox whatever) you should be able to find it.

EDIT 2: Increasing the footer height removes the rest.


#6

Thank you very much!