how to remove/ hide scroll bar in side-cart

how to remove/ hide scroll bar in side-cart

AdamT06
Tourist
23 0 1

hello. im currently having a problem with my side-cart. every time i press it the scroll-bar showing which results in it overriding some of the texts/buttons. how can i fix this problem. does anyone has a code to remove/ hide it in the side-cart menu

 

here is how mine looks:

AdamT06_0-1707220472409.png

 

this is what i want it to look like:

AdamT06_1-1707220499383.png

 

 

pls let me know if you need the url and password for the website

Replies 4 (4)

ThePixelEdge
Shopify Partner
164 16 17

Hello @AdamT06 

We notice that the mentioned issue has been solved, Let us know if you need any additional help on this.
Screenshot 2024-02-09 at 6.22.23 PM.png

If helpful then please Like and Accept Solution .
Buy me A Coffee

Whatsapp :- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications


Connect with Us in Our DMs | [email protected]
AdamT06
Tourist
23 0 1

@ThePixelEdge it has not been solved? the webiste image you took a screenshot of is how i want it. it is not my website. i want it to look like that and i still need the help to make it look like that.

AdamT06
Tourist
23 0 1

@ThePixelEdge mine still looks like this. its not been fixed yet...

AdamT06_0-1707749861327.png

 

FRAX
Visitor
1 0 0

Hey @AdamT06,

I wanted it just like you, and I’ve actually found the solution:

 

1. Go to your assets
2. Open the file 'component-cart-drawer.css'
3. Use CTRL + F to search for:

 

cart-drawer-items::-webkit-scrollbar

 


4. Replace the entire section with the following:

 

cart-drawer-items::-webkit-scrollbar {
display: none;
}

 

 

Feel free to accept it as a solution if it helped!

 

Best regards

FRAX