So schalten Sie die Joomla-Spannungsklassen aus

Question

Hallo, ich möchte herausfinden, wie ich ändern kann, wie einige meiner Module auf einem Handy angezeigt werden.

Zur Zeit habe ich folgendes in meiner Datei 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> 

, die die zwei nebeneinander zeigen aber, was ich ist wie diese von ihnen an der Spitze haben, wenn sie auf einem mobilen Bildschirm anzeigen dh:

<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> 

aber ich bin mir nicht sicher, wie ich über das Implementieren dieses gehen werde. Würde mich über Ratschläge freuen.

Answer 1

Der beste Ansatz ist wahrscheinlich add some custom CSS mit einem Media-Abfrage wie folgt oder ähnlich:

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

Benutzerdefinierte CSS-Dateien bearbeiten, bevorzugt über den HTML oder PHP-Code, weil die Änderungen sind weniger wahrscheinlich durch künftige überschrieben werden Aktualisierung.