Skip to main content

How to change the size of a popup

How to resize a Promolayer popup display. Adjust width and height under the Settings panel's Size & Position section.

You can change the popup size under Settings → Size & Position.

In most cases, one value is set as the maximum, and the other is set as the minimum.

In the example image below, the maximum width is set to 350px. If the device width is less than 350px, the popup will shrink to fit the device width. If the device width is 350px or more, the popup will remain 350px wide.

The minimum height is set to 400px. As you add more content to the popup, the height will expand accordingly. Even if there is only a small amount of content, the popup will keep a height of 400px.

The popup size on desktop and mobile is independent. You must preview on mobile and ensure the mobile size is correct as well.

Change size

How desktop and mobile are determined

Promolayer determines whether to show the desktop or mobile layout based on device type (user agent), not screen width. There is no fixed pixel breakpoint — smartphones receive the mobile layout; tablets and PCs receive the desktop layout.

Recommended image size

Prepare images at least as wide as the display width you have set. Since high-resolution (Retina) displays request images at 2× the display width, we recommend:

  • Desktop: 1200px or wider

  • Mobile: 700px or wider

Did this answer your question?