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]