Skip to main content

Our responsive content shortcode gives you the option to display content only for designated devices. By doing this, you can set, for smartphones for example, that the descriptions will be displayed in a summarized form. This way, the page won’t look too “long” for the end user.

Our responsive content shortcode gives you the option to display content only for designated devices. By doing this, you can set, for smartphones for example, that the descriptions will be displayed in a summarized form. This way, the page won’t look too “long” for the end user.

hidden

[hidden screen="xs"]This text won’t be displayed on smartphones![/hidden]
[hidden screen="lg"]This text won’t be displayed on desktop devices![/hidden]

Code

Attribute

For all available classes, please look up http://holdirbootstrap.de/css/#responsive-utilities

Name Content Meaning
screen xs Will be hidden on all devices, which are defined via prefix. (xs, sm, md, lg)
display block, inline, inline-block Look up: here.

visible

Code

[visible screen="xs"]This text will only be visible on smartphones![/visible]
[visible screen="lg"]This text will only be visible on desktop devices![/visible]

Attribute

For all available classes, please look up http://holdirbootstrap.de/css/#responsive-utilities

Name IContenthalt Meaning
screen xs Will be visible on all devices, which are defined via prefix. (xs, sm, md, lg)

Was this article helpful?

1 Star2 Stars3 Stars4 Stars5 Stars
(No Ratings Yet)

Keine Kommentare vorhanden


You have a question or an opinion about this post? Share it with us!

Your email address will not be published. Required fields are marked *

*
*