How to Limit Popup Height

Popup

How to Limit Popup Height

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

Container

< 1 min read

Make Container Scrollable

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

Image

< 1 min read

Crop Image To Ratio

To crop image based on ratio, on Elementor’s Image Widget add this CSS: 16:9 Landscape CSS 9:16 Portrait CSS

Header

< 1 min read

Header Padding: Conditional HTML

If you want to have conditional padding for your header, give your header the CSS class .mainheader and add an

See How It Works

Create better websites, faster.

Download the Entire Library

Adaptative, neutrally designed components.

Popup