How to Limit Popup Height

Popup

How to Limit Popup Height

9 months ago

•

< 1 min read

Posted by:

Focus

Subscribe to newsletter

By subscribing you agree to with our Privacy Policy.

Use this CSS to limit the height of your popups. It also works on containers.

selector{
    max-height: 75vh;
    overflow-x: hidden;
    overflow-y: scroll;
}

Search Results

< 1 min read

Search Result Custom Order

To add this code, go to Dashboard > Appearance > Theme File Editor and add one of these codes at

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 larger. Otherwise, the CSS won’t

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.

Popup