This website is using cookies
×

Joomla 3 css helper classes

Met Joomla 3 is de stap gemaakt naar een CMS dat zelf volledig responsive is en dat ook voor de template- en site bouwers, via bootstrap, ondersteuning biedt voor het bouwen van responsive websites.

Mobiele styling

Joomla heeft standaard vanuit Bootstrap een aantal CSS helper classes t.b.v. responsive styling op diverse apparaten en resoluties. 

Door het toevoegen van onderstaande classes kunnen modules worden getoond en/of verborgen op basis van de schermresolutie

In de moduleparameters kan de class (of meerdere) toegevoegd worden via Opties -> Geavanceerd => "Module Class Suffix. Let op dat de eerste class begint met een spatie en iedere volgende class ook gescheiden wordt door een spatie.

  • hidden-desktop
    Verbergen van content voor schermbreedte van 979px en hoger.
  • hidden-tablet
    Verbergen van content voor schermbreedte van 767px tot 979px.
  • hidden-phone
    Verbergen van content voor schermbreedte 767px en kleiner.
  • visible-phone
    Tonen van content voor schermbreedte 767px en kleiner.
  • visible-tablet
    Tonen van content voor schermbreedte 979px tot 768pox.
  • visible-desktop
    Tonen van content voor schermbreedte 980px en hoger.
Laatst aangepast op donderdag 18 oktober 2018 22:07
×

TOP