How to Open a Popup on Window Width Conditions

You can use Nelio Popups to show a popup to visitors viewing your site on a specific window width. This can be helpful when displaying popups on different devices.

In this article, you’ll learn how to target window widths to show your popup.

Using Window Width Condition

When you are ready to use the Window Width condition, follow these steps:

  1. Go to Nelio Popups » All Popups and edit the one you want.
  2. In the editor sidebar, go to the Settings panel, and open the Conditions tab.
  3. Add or modify a condition by selecting ‘Window Width’.

The following options are available for a Window Width condition:

  • greater than
  • less than
  • between

Let’s review each option.

Greater than

When you want to display a popup in windows with a width greater than an amount of pixels, select ‘greater than’ in the condition field.

Popup with a window width condition set to 'greater than'.
Popup with a window width condition set to ‘greater than’.

Then, set the minimum width from which the popup will be displayed, using the third field in the settings.

Less than

When you want to display a popup in windows with a width less than an amount of pixels, select ‘less than’ in the condition field.

Popup with a window width condition set to 'less than'.
Popup with a window width condition set to ‘less than’.

Then, set the maximum width until which the popup will be displayed, using the third field in the settings.

Between

Finally, you can set a width range in which the popup will be displayed. To do so, select the ‘between’ option in the condition field.

Popup with a window width condition set to 'between'.
Popup with a window width condition set to ‘between’.

Then, set the minimum and maximum widths for the range in which the popup will be displayed, using the two input fields in the settings.


After setting the condition, save the popup and then it will open if the condition is met.