Scrollable area - hide scroll bar
Question

Hello,

How can I hide the horizontal bar?
I'm using scrollable area widget for mobile

Solution

Hello, you just need to find the class that is giving you the scroll bar to that widget, and then with that class change the background color of the scroll bar to the same color of the body.

What I am going to do is pick the parent class of that widget, or what is giving the scroll bar.

And I am going to use this code:

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_custom_scrollbar

.list::-webkit-scrollbar-thumb{

 background: var(--color-background-body);   

}

.list::-webkit-scrollbar-track{

 background: var(--color-background-body);   

}

::-webkit-scrollbar {

  width: 10px;

}

Use this CSS on your theme

ps: I(you) need to see which is the background color of the body and change the background on the above CSS on the places that have the background property

I have seen that you have the ability to choose the style of the scroll

Kind Regards,

Márcio

Hi Diaa,

Add "overflow-x: hidden;" to style (in properties) of image widget to achieve

Source : https://www.w3schools.com/howto/howto_css_hide_scrollbars.asp

Thanks, Aadhavan S

If i am not wrong if you are going to put that property you will lose the functionality of scrolling

Kind Regards,

Márcio

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.