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

NameContentMeaning
screenxsWill be hidden on all devices, which are defined via prefix. (xs, sm, md, lg)
displayblock, inline, inline-blockLook 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

NameIContenthaltMeaning
screenxsWill 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 *

*
*

Choose your currency:

Close
Converted prices are for reference only - all orders are charged in € Euro (€) EUR.
  • USDUS Dollar ($)
  • EUREuro (€)
  • GBPPfund Sterling (£)
  • AUDAustralische Dollar ($)
  • BRLBrasilianischer Real (R$)
  • CADKanadischer Dollar ($)
  • CZKTschechische Krone
  • DKKDänische Krone
  • HKDHongkong Dollar ($)
  • HUFUngarischer Forint
  • ILSIsraelischer Schekel (₪)
  • JPYJapanischer Yen (¥)
  • MYRMalaysischer Ringgits
  • MXNMexikanischer Peso ($)
  • NZDNeuseeland Dollar ($)
  • NOKNorwegische Krone
  • PHPPhilipinischer Pesos
  • PLNPolnischer Zloty
  • SGDSingapur Dollar ($)
  • SEKSchwedische Krone
  • CHFSchweizer Franken
  • TWDTaiwan New Dollar
  • THBThai Baht (฿)
  • INRIndische Rupie (₹)
  • TRYTürkische Lira (₺)
  • RUBRussischer Rubel