Responsive Visibility

[icon icon="phone"]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. [visibility show="desktop"] [alert type="warning" close="false"]This Message will only show up in - Desktop mode.[/alert] [/visibility] [visibility show="tablet"] [alert type="success" close="false"]This Message will only show up in - Tablet mode.[/alert] [/visibility] [visibility show="mobile-landscape"] [alert type="info" close="false"]This Message will only show up in - Mobile Landscape mode.[/alert] [/visibility] [visibility show="mobile-portrait"] [alert type="error" close="false"]This Message will only show up in - Mobile Portrait mode.[/alert] [/visibility] [hr]

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]
[hr]

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