Logo überdeckt Menü

[steffip]

Ich arbeite erstmals mit dem Theme. Sobald ich die Seitenbreite verändere, schiebt sich das Menü unter das Logo. Erst nach einer gewissen Schwelle wird das Logo responsive für die mobile Ansicht. Was muss ich wo im Code ergänzen, damit das Logo sozusagen mitwächst bzw. das Navigationsmenü eine Zeile tiefer wandert. Passiert das im customize.css? Danke für die Hilfe!

[Tom]

Hi steffip,

ich würde hier die Logogröße mit media queries lösen. Solche Anpassungen am besten in die customize.css.

Hier wird z.B. die Logobreite auf 100px gestellt im Bereich zwischen 768 (> mobile Version) und 1000px.

@media only screen and (min-width: 768px) and (max-width: 1000px) {
   .logo {width: 100px;}  
}

---

alternativ könnte man auch das letter-spacing und/oder die Abstände zwischen den Menüpunkten verringern:

@media only screen and (min-width: 768px) and (max-width: 1000px) {
.mainmenu ul li a {letter-spacing: 1px; padding: 0 10px;}
}

---

das Menü umbrechen zu lassen geht hiermit:

@media only screen and (min-width: 768px) and (max-width: 1000px) {
.mainmenu {padding-top: 55px; float: none;}
.mainmenu ul {text-align:left}
.logo { top: -55px;}
.mainmenu ul li a.first {padding-left: 0;}
}

Schöne Grüße
Tom

[webfarben]

eins fehlt noch ;-)

wie blende ich das Mainmenu früher aus und das mobile Menü ein?