Horizontal scroll bar disappears totally on certain sites.

[octimis]

This is the screenshot of the page in question. I disabled stylus and the scroll bar appeared:

Edit: removed screenshot for text code
This the code I used in stylus:

::-webkit-scrollbar {
    width: 11px;
    height: 0px;
}
::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}
::-webkit-scrollbar-thumb {
    background: #f3efef;
    border: 1px solid #802113;
    border-radius: 50px;
    height: 20px;
}
::-webkit-scrollbar-thumb:hover {
    background: #ad9090;
}
::-webkit-scrollbar-thumb:active {
    background: #e8e1e1;
}
::-webkit-scrollbar-track {
    background: #201f1f;
    border: 0px none #ffffff;
    border-radius: 53px;
}
::-webkit-scrollbar-track:hover {
    background: #666666;
}
::-webkit-scrollbar-track:active {
    background: #333333;
}
::-webkit-scrollbar-corner {
    background: transparent;
}

[tophf]

That's because of height: 0px in your style. Use :vertical and :horizontal pseudo selectors, for example:

::-webkit-scrollbar:vertical {
    width: 11px;
    height: 0px;
}

[octimis]

Thank you :)

::-webkit-scrollbar:horizontal {
    width: 11px;
    height: 8px;
}