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

Woocommerce

< 1 min read

Disable Billing Address

Simplify checkout for virtual products or order via WhatsApp. Add this code in function.php. CODE PHP

Troubleshoot

< 1 min read

How to Fix Whatsapp Share Line Break Missing (Elementor Share Widget)

A bug found on the share widget (last checked on Elementor Pro version 3.6.4) where there is no line break

See How It Works

Create better websites, faster.

Download the Entire Library

Adaptative, neutrally designed components.

Popup