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

Breakpoints

< 1 min read

Disable Zoom on Mobile Devices (native App Style)

Go to Dashboard > Elementor > Custom Code > Add New Code. This code will disable the abilty to zoom

Video

< 1 min read

Elementor Custom Video Lightbox CSS

Add this code on Appearance Customize > Additional CSS :

Container

< 1 min read

Hide Scroll Bar On ‘Overflow: Auto’ Container

Add this following CSS code to the container: selector {-ms-overflow-style: none; /* IE and Edge / scrollbar-width: none; / Firefox

Video

< 1 min read

How to Get Youtube API and Check Quotas

How to get Youtube API:Go to: https://console.cloud.google.com/apis/dashboard How to check Youtube API Quota:Go to: https://console.cloud.google.com/iam-admin/quotas

See How It Works

Create better websites, faster.

Download the Entire Library

Adaptative, neutrally designed components.

Global