how to remove/ hide scroll bar in side-cart

Store Design
, , , ,
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
AdamT06_0-1707220472409.png2494×1419 281 KB

this is what i want it to look like:

AdamT06_1-1707220499383.png
AdamT06_1-1707220499383.png2493×1413 262 KB

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

2

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
Screenshot 2024-02-09 at 6.22.23 PM.png3576×2166 406 KB

3

@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.

4

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

AdamT06_0-1707749861327.png
AdamT06_0-1707749861327.png2551×1396 201 KB

5

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
  1. 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