Responsive Visibility

Display content based on the current layout

Resize the Browser window and see the magic happen.

With our [visibility] Shortcode you can display different contents for the different devices seperatly. Just resize the Browser window and see different messages depending on the screensize.

This Message will only show up in — Desktop mode.
This Message will only show up in — Tablet mode.
This Message will only show up in — Mobile Landscape mode.
This Message will only show up in — Mobile Portrait mode.

Get The Code

[visibility show="desktop"]
     Your Content Desktop
[/visibility]

[visibility show="tablet"]
     Your Content Tablet
[/visibility]

[visibility show="mobile-landscape"]
     Your Content Mobile Landscape
[/visibility]

[visibility show="mobile-portrait"]
     Your Content Mobile Portrait
[/visibility]

Customization Options / Features

  • Use any Content you want inside the sections
  • Use whole Content Parts & Images for different devices
  • show — desktop, tablet, mobile-landscape, mobile-portrait
Back to Top