To resize a popup, set the width and height under "Size and Position" in the settings.
Steps
Open the popup editor and go to Settings ⇒ Size ＆ Position.
Configure each option:
Width: When the popup exceeds the maximum value, it maintains the maximum size and scales down according to the set value.
Height: If the content height is less than the set value, the height is preserved; as the value increases, it expands automatically.
Position: Specify where you want the popup to appear.
Check the desktop view in the preview.
Switch to the mobile preview and check how it looks on mobile.
Note: Desktop and mobile have separate settings, so always check the mobile view in the preview as well.
How desktop and mobile are determined
Promolayer determines whether to show the desktop or mobile layout based on the device type (user agent) rather than screen width. There is no fixed pixel boundary — smartphones display the mobile layout, while tablets and PCs display the desktop layout.
Recommended image sizes
Prepare images at a size equal to or larger than the configured display width. Since high-resolution (Retina) displays load images at twice the display width, the following sizes are recommended:
Desktop: 1200px or larger
Mobile: 700px or larger