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

Global

2 min read

WordPress Auto-Translate Plugin and How to Disable Google Pop-ups

This plugin helps you translate your website into 104 different languages in just seconds. Simply by installing and activating this plugin,

Breakpoints

< 1 min read

CSS Media Rule Based on Screen Sizes

This is very helpful for limiting custom CSS to certain breakpoints. Usage examples are Scrollbar, Offset Slides and Offset Carousel

Global

2 min read

Disabling the Device’s Default ‘Dark Mode’ in WordPress

If you are trying to convert your WordPress website to APK / AAB, you may need to disable the device’s

See How It Works

Create better websites, faster.

Download the Entire Library

Adaptative, neutrally designed components.

Global