KP-C

Kevin Powell - Community•4y ago

M.

Removing horizontal scrollbars while keeping the scrolling functionality

Hi there. I have a website with a fair bit of elements that scroll horizontally on mobile. How can I remove (or at the very least change the width of the scrollbar)? It it possible to style it for individual elements?

This is the website: https://utveckling.samuraj.oderland.agency/

I tried targeting one of the horizontally scrolling elements and all children with this but it doesn't seem to work..

.puffblock ::-webkit-scrollbar {
width: 0px !important;
height: 0px !important;
}

.puffblock * {
scrollbar-width: 0px;
}

.puffblock *::-webkit-scrollbar,
.puffblock *::-webkit-scrollbar-thumb {
width: 0px;
display: none;
opacity: 0;
}