AFetter AFetter - 4 months ago 5x
CSS Question

Huge, unnecessary and mysterious scroll bar

I'm looking to this website. And I have no idea why it has this huge scroll. I'm try understand why or where this scroll is created.


The problem is in this div .nav-path-wrap it has diplay:initial and on hover you make its position absolute , it always will have its space on your page even it not visible.

so you just need to make its display:none and on hover display:block

css must be like this :

.left_menu .nav-path-wrap {
    background: url(../images/icons/icon_left_menu_arrow_l.png) no-repeat left 1em;
    padding-left: .7em;
    display: none; // edit this from initial to none

.left_menu li:hover .nav-path-wrap {
    position: absolute;
    left: 12em;
    top: -.5em;
    height: 100px;
    display: block; // add this line

note that if you edited the .left_menu { overflow: hidden; }. the sub menu .nav-path-wrap will not be visible on hover