Custom horizontal scrollbar css

::-webkit-scrollbar {
  height: 4px;              /* height of horizontal scrollbar ← You're missing this */
  width: 4px;               /* width of vertical scrollbar */
  border: 1px solid #d5d5d5;
}

Since logically one cannot force a vertical scrollbar to be a certain height (since dictated by the positioned parent) 
Therefore such height property is to target the horizontal's scrollbar height 
and vice-versa (width for the width of the vertical scrollbar).

Source: stackoverflow.com

Similar codes

70 votes386 views4 answers
Css remove scrollbars
CSS
0 vote340 views1 answer
Understanding '+' sign in css selector
CSS
1 vote356 views1 answer
Background-color not showing grover pdf
CSS
1 vote365 views3 answers
Space between items in css
CSS
2 votes349 views1 answer
Free css templates
CSS
1 vote335 views1 answer
Style direction
CSS
0 vote390 views1 answer
Showing danger message in red in terminal bash
CSS
1 vote395 views2 answers
Woocommerce shopping cart icon size
CSS
1 vote396 views2 answers
How to compile scss to css
CSS
0 vote312 views1 answer
Responsive slider with text animation codepen
CSS