How to remove the scrollbar from a sidebar menu in Venue Evening theme?

Technical Q&A
1

Hi all,
I’m more of a front-end web person, so I’m a little stuck with this. I am building a very basic page for a client and want to remove the vertical scrollbar from the sidebar menu. We are using the Venue Evening theme. Here is a picture of it for reference. Thanks so much!

Sweet G Sidebar Help.JPG
Sweet G Sidebar Help.JPG546×708 23.1 KB

2

Hi @freelancing123

This issue comes because of overflow. you can use css overflow: hidden. it may hide the scroll bar.

Thanks

3

Thank you for the idea @LuckyNigam ! I tried it, but it didn’t seem to work…

4

Give me your website Url so I’ll give better solution.

5

Thank you! It’s https://sweet-g-garlic.myshopify.com/

6

Hi @freelancing123

Use this css on your file it helps for you.

.mobile-draw__wrapper{

overflow-y: hidden !important;

}

Like and accept solution if it helps.

Thanks

7

Thank you so much @LuckyNigam ! This worked! It ended up shifting the view too far over, so I just replaced the existing
.mobile-draw__wrapper {
overflow-y: scroll;
height: 100%;
padding: 24px 18px 60px; }

And changed to
.mobile-draw__wrapper {
overflow-y: hidden;
height: 100%;
padding: 24px 18px 60px; }

And it retained the ratios but removed the scrollbar. I had no clue where to start looking for this - thanks so much! :slightly_smiling_face: