Remove scrollbar on responsive pages

Hi Guys!

I’m facing a challenge: I want to remove all scrollbars from my project.

What I already tried: I read through all forum posts related to this topic and everyone says that the code (following below) pasted into an html element which sits on the page will remove all scrollbars. However it doesn’t for me…

Is it because I’m using the newest responsive engine?

Would love to get your tips!

::-webkit-scrollbar { width: 0px; height: 0px; } ::-webkit-scrollbar-button { width: 0px; height: 0px; } ::-webkit-scrollbar-thumb { background: transparent; border: 0px none; border-radius: 0px; } ::-webkit-scrollbar-thumb:hover { background: transparent; } ::-webkit-scrollbar-thumb:active { background: transparent; } ::-webkit-scrollbar-track { background: transparent; border: 0px none; border-radius: 0px; } ::-webkit-scrollbar-track:hover { background: transparent; } ::-webkit-scrollbar-track:active { background: transparent; } ::-webkit-scrollbar-corner { background: transparent; } /* Thin Scrollbar */ :root{ scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important; scrollbar-width: thin !important; }

This code is working with new responsive engine as well. Did you write opening and closing Style tags?
I don’t see them in the code you pasted here

2 Likes