How can I hide the scrollbar on my desktop website?

Store Design
,
1

How do I hide the scrollbar from the desktop website? It does not appear on mobile so that’s good but I want to hide the vertical scrollbar from the desktop version as well. Any code that can help me out?

2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

3

Added this code, seems to be working fine. Let me know if it’s write or wrong or anything I could change

/* hide scrollbar for chrome, safari and opera*/
body::-webkit-scrollbar {
  display: none;
}
4

SOLUTION (shopsolution.in)

There’s no password

5

Hello there,

i don’t see the scrollbar in desktop please send me screenshot.

6 
/* hide scrollbar for chrome, safari and opera*/
body::-webkit-scrollbar {
  display: none;
}

Used this code, is it right?

7

I hope this solution will works. feel free to text me back if you have any question.
Please follow below steps

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag
.Add-your_class-name-here { -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } .Add-your_class-name here::-webkit-scrollbar { display: none; /* Safari and Chrome */ }
8

Hello @devanshvasant
yes it is working fine.

9

Hello @devanshvasant

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please All Like and Accept Solution.