Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
Hallo,
ich komme gerade nicht weiter, weil mir der Name fehlt: Wie nennt man das, wenn die Navigation zu diesem Block zusammen schrumpft (auf dem Handy oder aber, wenn das Browserfenster kleiner gemacht wird)?
Ich würde nämlich gerne die Farbe von dem "Block" wechseln, ist aber schwierig zu googeln, wenn man nicht weiß, wie das heißt... ;-)
Danke im Vorraus!
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
du meinst sicherlich die css media queries.
Ja. Das müsste der Effekt sein und das "Teil", dass ich meine heißt "Hamburger Button" oder "Hamburger Menue Icon" - weil's wie ein Hamburger aussieht. Davon würde ich gerne die Farbe ändern. Aber ich habe noch nicht gefunden, wo in den CSS ich das machen kann.
Für solche Fragen lohnt es sich, sich mit den Webentwickler-Tools des Browsers vertraut zu machen.
Im Prinzip funktionieren die alle ähnlich: Klick mit rechter Maustaste auf das zu untersuchende Element. Man bekommt dann in einem kleinen Fenster angezeigt, wie die HTML-Struktur rundum aussieht, welche IDs und Klassen vergeben sind und wie die jeweils definiert sind.
Die Bezeichnung „Hamburger Button“ oder „Hamburger Menue Icon“ hilft dir nur bedingt weiter, weil du ja letztlich herausfinden musst, mit welchen (HTML-) Elementen mit welchen IDs oder Klassen es bei dir umgesetzt ist, so dass du es über CSS ansprechen und die Farbe verändern kannst.
Gruß
helix
Super Tipp, Helix, Danke!
Ich dachte, wenn ich den "Namen des Problems" kenne, dann kann ich nach einer Lösung googeln. Daher meine Frage.
Leider hat es mich in diesem Fall nicht weiter gebracht. Ich finde über Google keine Lösung.
Leider finde ich auch über den Code keine Farbangabe ...
Jenachdem wie dein Theme aufgebaut ist, kann es auch sein, dass der "Hamburger" eine Grafik ist. Dann müsstest du die entsprechend austauschen.
Hab ich auch schon vermutet, dass müsste er mir ja unter Klick mit der rechten Maustaste anzeigen. Scheint aber keine Grafik zu sein.
Edit: Ahhh, gerade zufällig im Image-Ordner ein Bild des Buttons gefunden! Den färbe ich jetzt mal um und teste.
http://www.dafi-digital.de/trial/
Dein Hamburger-Button ist einfach nur ein Leerzeichen, das in einem <span>-Element mit der ID „menubutton“ steckt, damit es formatiert werden kann.
Die CSS-Definitionen dafür sind (kann sein, nicht vollständig; mal in die CSS-Datei gucken):
#menubutton {
background: transparent url("http://forum.wpde.org/images/menu.png") no-repeat scroll center center;
cursor: pointer;
display: block;
position: absolute;
right: 0;
z-index: 51;
}
#menubutton {
display: none;
float: right;
height: 55px;
width: 55px;
}Das heißt: ja, es ist eine Grafikdatei, menu.png – das mit der rechten Maustaste und anzeigen lassen gestaltet sich ein klein wenig schwieriger, weil es als Hintergrundgrafik definiert ist, dafür müsste aber im Kontextmenü auch ein Eintrag sein.
– Sehe gerade: du hast es schon selber gefunden.
Gruß
helix
Vielen Dank, Helix!
Ja, habe die Grafik gefunden und ausgewechselt und es hat geklappt.
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!