Remove scroll bar

Store Design
, , , ,
1

IMG_6201.png
IMG_6201.png1170×2532 156 KB

please provide a code to remove the scroll bar on the right side for mobile and desktop view.

2

Hi @ErhatRO ,

To hide the scrollbar on both mobile and desktop:

  1. Go to Online Store > Themes > Edit code.

  2. Open your main CSS file in Assets (like theme.scss.liquid)

  3. Add this code:

/* Hide scrollbar but allow scrolling */
::-webkit-scrollbar {
  display: none;
}
html {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

save the changes and preview.

This hides the scrollbar while allowing scrolling

Got it! If you found my suggestions helpful, please consider liking or marking it as a solution.
Your feedback is appreciated! If you have any more questions or need further assistance, just let me know.

Thanks & Regards
Akshay Bhatt

3

Hello!

Would this go in base.css? If so where should I put it?

4

Don’t you find the theme.scss.liquid, put it on the top.