Hide Scroll Bar On 'Overflow: Auto' Container

Container

Hide Scroll Bar On ‘Overflow: Auto’ Container

1 year ago

•

< 1 min read

Posted by:

Focus

Subscribe to newsletter

By subscribing you agree to with our Privacy Policy.

Add this following CSS code to the container:

selector {
-ms-overflow-style: none; /* IE and Edge / scrollbar-width: none; / Firefox */
}

selector::-webkit-scrollbar {
display: none; /* Chrome, Safari, Opera*/
}

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

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

Change Color of Header and Show-Hide Elements On Scroll

Useful for transparent headers. IMPORTANT Under ‘Motion Effect’ settings, below ‘Offset’, you must set the ‘Effects Offset’ into ‘1’ or

Global

< 1 min read

Hide Browser Scrollbar

To hide scrollbar globally, go to Dashboard > Appearance > Customize > Custom CSS. To hide scrollbar on a spesific

See How It Works

Create better websites, faster.

Download the Entire Library

Adaptative, neutrally designed components.

Join our newsletter to stay up to date on features and releases.

By subscribing you agree to with our Privacy Policy and provide consent to receive updates from our company.

Container