Comment désactiver les classes de span Joomla

Question

Salut Je cherche à savoir comment je peux changer la façon dont certains de mes modules sont affichés sur un mobile.

Actuellement je suit dans mon fichier index.php:

<div id="leftcol" class="span8"><jdoc:include type="modules" name="welcome" style="xhtml" /></div> 
<div id="rightcol" class="span4"><jdoc:include type="modules" name="laptop" style="xhtml" /></div> 

qui montre le 2 côte à côte, mais ce que je voudrais est que ces uns sur les autres lors de l'affichage sur un écran mobile par exemple:

<div id="leftcol" class="span12"><jdoc:include type="modules" name="welcome" style="xhtml" /></div> 
<div id="rightcol" class="span12"><jdoc:include type="modules" name="laptop" style="xhtml" /></div> 

mais je ne suis pas sûr de la façon dont je vais mettre en œuvre cela. J'apprécierais vraiment un conseil.

Answer 1

La meilleure approche est probablement add some custom CSS avec une requête de médias comme celui-ci ou similaire:

@media only screen and (max-width: 767px) { 
    #leftcol.span8 {float: none; width: 100%;} 
    #rightcol.span4 {float: none; width: 100%;} 
} 

fichiers CSS personnalisés sont préférés éditer le code HTML ou PHP parce que vos modifications sont moins susceptibles d'être remplacées par le futur mises à jour.