Hide Browser Scrollbar

Global

1 year 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;
}

Troubleshoot

< 1 min read

How to Fix Favicon Not Showing on WordPress Multisite

In some cases, sub-sites on multisite is not showing the favicon. To assign favicon for each site on WordPress multisite,

Effect

< 1 min read

Blur Effect CSS

Learn how this simple blur effect addition can transform your website’s visual appeal, creating a sleek and modern look that

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

Container

< 1 min read

Make Container Scrollable

Add this on the column’s custom CSS panel. Adjust the ‘max-height’ to your needs.

See How It Works

Create better websites, faster.

Download the Entire Library

Adaptative, neutrally designed components.

Global