Hide Browser Scrollbar

Global

2 years ago

•

< 1 min read

Posted by:

Focus

Subscribe to newsletter

By subscribing you agree to with our Privacy Policy.

To hide scrollbar globally, go to Dashboard > Appearance > Customize > Custom CSS. To hide scrollbar on a spesific page, add this CSS on the page custom CSS. To hide scrollbar on an element, go to it’s custom CSS panel and add ‘selector’ — without space after the word — before you paste the code.

CODE

::-webkit-scrollbar {
    display: none;
}

Global

< 1 min read

Additional CSS on WordPress Customization

To improve your site a bit, add this basic CSS to each one you create. Customizing the scroll bar, the

Header

< 1 min read

Header Padding: Conditional HTML

If you want to have conditional padding for your header, give your header the CSS class .mainheader and add an

Video

3 min read

YotuWP Plugin: Custom CSS

Go to Dashboard > Appearance > Customize and add this custom CSS. LIGHT MODE CSS DARK MODE CSS

See How It Works

Create better websites, faster.

Download the Entire Library

Adaptative, neutrally designed components.

Global