Shortcodes: Visibility

visibility-shortcode

Resize the Browser window and see the magic happen

[visibility show=”desktop”][infopane color=”green”][icon icon=”desktop” size=”large”][/icon]

This Block will only show up in Desktop mode. This Block will only show up in Desktop mode. This Block will only show up in Desktop mode. This Block will only show up in Desktop mode.[/infopane][/visibility]

[visibility show=”tablet”][infopane color=”yellow”][icon icon=”tablet” size=”large”][/icon]

This Block will only show up in Tablet mode. This Block will only show up in Tablet mode. This Block will only show up in Tablet mode. This Block will only show up in Tablet mode. This Block will only show up in Tablet mode.[/infopane][/visibility]

[visibility show=”mobile-landscape”][infopane color=”grey”]This Block will only show up in Mobile Landscape mode.[/infopane][/visibility]

[visibility show=”mobile-portrait”][infopane color=”blue”]This Block will only show up in Mobile Portrait mode.[/infopane][/visibility]

You can combine properties

[visibility show=”desktop tablet”][infopane color=”turquoise”]This Block will only show up in Desktop and Tablet mode.[/infopane][/visibility]

[visibility show=”tablet mobile”][infopane color=”light-blue”]This Block will only show up in Tablet and Mobile mode.[/infopane][/visibility]

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *