@remonsam there’s also a less custom code solution that companies like Airbnb and Bustle use on their sites.
To hide a horizontal scroll bar, go the the element with overflow:scroll and add 20px of padding to the bottom, and then add -20px of margin on the bottom. This extends the height 20px and then hides it with the margin which hides the scroll bar.
This can also be applied to the vertical scroll bar by adding 20px padding to the right and -20px margin to the right.
Hope this helps.