Skip to main content

How to Make Your Popup Full Screen on Desktop and Mobile

In this article, you’ll learn how to make your popup display full-screen on both desktop and mobile devices.

Rojen M Reji avatar
Written by Rojen M Reji
Updated over 4 months ago

Full Screen on Desktop

Step 1: Select the Desktop Container

This is the main popup window, surrounded by a grey background in the editor.

Step 2: Go to the Sizing panel on the right-hand side

This is where you’ll adjust the dimensions of the popup.

Step 3: Set the Width and Height to 100%

Step 4: Remove any Max Width or Max Height values

This ensures the popup fully fills the screen without constraints.

Full Screen on Mobile

The mobile version is full-screen by default, but you can customize it further if needed. The process is similar. You just have to locate the mobile container and adjust the width and height to your desired dimensions for full-screen coverage.

And that’s it! Your popup is now full-screen on both desktop and mobile for a more immersive experience.

Did this answer your question?