mozilo Standard Layout Menü verstecken

[rolinux]

Hallo,

gibt es eine Möglichkeit, beim responsiven mozilo-Standard-Layout moziloCMS2 eine Möglichkeit, auf Smartphones das Menü als "Burger-Menü" zu verstecken?

Gruß
Rolf

[marusti]

Mit etwas Umschreibung von CSS sollte es auch gehen.
Vielleicht kannst du dir die Arbeit aber auch sparen. Hast du dir aber auch schon mal das Standardtemplate in Rev55 angeschaut? Ich denke das macht genau das, was du suchst.

[rolinux]

Ich verwende das Standard-Template moziloCMS2 (weil responsiv) bzw. eine Kopie davon. Und das macht genau das nicht.

Gruß
Rolf

[marusti]

Das Standard Standard-Template (wenn man es so nennen möchte) ist das moziloCMS.
moziloCMS2 ist das alte Standardlayout, welches auf mehrfachen Wunsch responsive umgeschrieben wurde (aber nicht mit Hamburger Menü wie du es magst). moziloCMS_Standard_dunkel hat auch ein Hamburger Menü.

[rolinux]

Oh... Da habe ich dann wohl was missverstanden. Ich hatte irgendwo im Forum gelesen, dass mozilo jetzt auch responsiv kann. Und da habe ich gedacht, moziloCMS2 wäre das richtig responsive Layout und habe mir moziloCMS gar nicht mehr angeschaut. Dann muss ich das Layout halt nochmal machen... Nicht zur Strafe, nur zur Übung...

Gruß
Rolf

[marusti]

responsive ist es schon, nur eben ohne hamburger menü

[harry60]

Hallo,

Ich möchte kein neues Thema eröffnen, denn es betrifft das "Hamburger Menue".

In fast allen Teamplate ist folgendes im Code geschrieben oder ähnlich:

Code Auswählen Erweitern

<label for="..." class="...">
                <span class="line line1"></span>
                <span class="line line2"></span>
                <span class="line line3"></span>
</label>

Bei der Überprüfung mit einem HTML-Validator gibts immer einen Fehler.
Ich habe das folgendermaßen gelöst: 2 Varianten

Code Auswählen Erweitern

<label for="..." class="...">
                <span class="line line1">&nbsp;</span>
                <span class="line line2">&nbsp;</span>
                <span class="line line3">&nbsp;</span>
</label>

oder:

Code Auswählen Erweitern

<label for="..." class="...">
                <span class="line line1"><!-- --></span>
                <span class="line line2"><!-- --></span>
                <span class="line line3"><!-- --></span>
</label>

Welche Variante wäre die Bessere?

Schöne Grüße.

[marusti]

Welchen Fehler bekommst du im Validator?
Bei https://validator.w3.org/ wird der Teil nicht angemarkt.

[harry60]

Das stimmt, im online Validator wird keine Warnung angezeigt. Hatte mich verschrieben, kein Fehler, sondern eine Warnung.
Ich habe im Firefox den HTML-Validator als Erweiterung. Da steht dann:

Warning: trimming emty <span>

Beim googln habe ich dann die Antwort gefunden.

 

[harry60]

Das stimmt, im online Validator wird keine Warnung angezeigt. Hatte mich verschrieben, kein Fehler, sondern eine Warnung.
Ich habe im Firefox den HTML-Validator als Erweiterung. Da steht dann:

Warning: trimming emty <span>

Beim googln habe ich dann die Antwort gefunden.

Richtig muß es heißen:

Warning: trimming empty <span>