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