Responsive Visibility

[minti_headline type=”h2″ align=”align-center” font=”font-special” transform=”transform-uppercase” size=”fontsize-m” weight=”fontweight-700″ margin=”0 0 20px 0″ lineheight=”lh-inherit”]Resize the Browser window and see the magic happen![/minti_headline][minti_headline type=”div” align=”align-center” font=”font-inherit” size=”fontsize-m” weight=”fontweight-inherit” color=”#999999″ margin=”0″ lineheight=”lh-inherit” transform=”transform-inherit”]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.[/minti_headline][minti_divider style=”1″ margin=”60px 0 60px 0″]

[minti_visibility show=”desktop”]
[minti_alert type=”warning” close=”false”]This Message will only show up in – Desktop mode.[/minti_alert]
[/minti_visibility]

[minti_visibility show=”tablet”]
[minti_alert type=”success” close=”false”]This Message will only show up in – Tablet mode.[/minti_alert]
[/minti_visibility]

[minti_visibility show=”mobile-landscape”]
[minti_alert type=”info” close=”false”]This Message will only show up in – Mobile Landscape mode.[/minti_alert]
[/minti_visibility]

[minti_visibility show=”mobile-portrait”]
[minti_alert type=”error” close=”false”]This Message will only show up in – Mobile Portrait mode.[/minti_alert]
[/minti_visibility]