Free

Viewport Display Conditions

Show or hide Elementor elements by mobile, tablet, or desktop viewport — aligned with WordPress 7.0+ block visibility breakpoints.

What it does

The Viewport condition stacks with existing Display Conditions (role, date, URL, cookies). Resize this page or use Elementor responsive preview — only one colored band should appear at a time.

Requires LandTech Extras 2.4.4+ (viewport bridge) and platform_viewport_visibility enabled on demo hosts.

Dependencies: LandTech Extras 2.4.4+, Display Conditions extension, platform_viewport_visibility

Live demo

Resize the browser window — each band below uses a seeded Viewport display condition.

Desktop viewport — This band is visible when the Viewport condition matches: Desktop viewport. Resize the browser or use device preview to compare.

How to implement

  1. Select any section, column, or widget in Elementor.
  2. Under Advanced → LandTech Extras → Display Conditions, enable conditions and choose Viewport → Is → Mobile / Tablet / Desktop.
  3. Combine with AND/OR rules alongside role or schedule conditions when needed.
  4. Update and test with Elementor responsive mode or a real device.