-
Posts
-
Hallo
folgendes: Wenn ich mein Fenster verkleiner wird das Header Menü irgendwann zu einem Button.
Das geschieht aber erst, nachdem mein linker Menüpunkt schon weiter unter das Logo gerutscht ist.
Bei Tabletts, die von hause aus einen kleinen Bildschirm haben, passiert das auch.
Wie kann ich das Überlappen von Logo und Menü verhindern, bei gleichbleibender Position von beiden und gleichbleibender Größe.Vielen Dank
Grüße
FilippHey foxforce1!
dazu müsstest mithilfe von media queries das normale Menü für bestimmte Bildschirmgrößen ausschalten und dementsrepchend das mobile Menü dann aktivieren. Nutze einen Code wie diesen im Quick CSS Feld:
@media only screen and (max-width: 1024px) { nav.main_menu { display: none; } #advanced_menu_toggle, #advanced_menu_hide { display: block; }}Damit wird bis einer Bildschirmgröße von 1024px das mobile Menü aktiviert. Passen es für dich an, so wie du es brauchst.
Gruß!
AndyHallo Andy,
vielen Dank für deine schnelle Hilfe.
Habe so wie du vorgeschlagen hast, den Code in das CSS Feld eingegeben.
Jedoch keine Änderung. Der linke Menüpunkt rutscht beim verkleinern des Fensters immer noch
unter das Logo.
Was könnte ich noch tun?
Grüße und danke für die Vorweihnachts-Hilfe.Filipp.
Hi!
du könntest noch einen min-width Wert hinzufügen:
@media only screen and (min-width: 500px) and (max-width: 1024px) { nav.main_menu { display: none; } #advanced_menu_toggle, #advanced_menu_hide { display: block; }}Versuche mit verschiedenen Werten zu spielen für min-width und max-width, bis es für dich passt.
Gruß,
AndyHallo Andy,
das habe ich jetzt getan. Habe mit Werten von 50 bis 2000px gespielt sowohl bei min-width als auch bei max-width.
Leider keinerlei Änderungen.
Der erste Menüpunkt rutscht immer noch komplett unter das Logo, womit die Seite “kaputt” aussieht.
Grüße
FilippHey!
kannst du uns bitte Admin Zugang einrichten, damit wir uns das genauer anschauen können?
Gruß!
AndyHi!
schaue dir dazu bitte folgende Tutorials an:
http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/
http://kriesi.at/documentation/enfold/menu-overlaps-logo-on-tablets/Damit müsste es klappen.
Gruß,
AndySorry. Habe beides versucht.
Der erste Menüpunkt rutscht weiterhin unter das Logo, auch auf dem regulären Computer sobald
man das Verkleinert.
Grüße Filippps. hast du den PivateContent in der letzten Nachricht gesehen?
Hey!
habe mir deine Website noch mal angeschaut und scheint du hättest es hinbekommen. Dein Menü scheint zum richtigen Zeitpunkt zum mobile Menü zu wechseln, wenn ich den Browser verkleinere. Auch auf dem iPad (portrait mode) ist das mobile menü aktiviert. Kannst du dies bitte bestätigen? ansonsten bräuchten wir mal Screenshots von den Fehlern, die du bei dir siehst. Du kannst imgur.com oder dropbox verwenden.
Gruß,
AndyHi Andy ich habe dir eine Email
mit Screenshots geschickt. ( (Email address hidden if logged out) )
Grüße
Filipp
- You must be logged in to reply to this topic.