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
Share