Wie können Sie die Navigation in die gleiche Zeile wie das Header-Bild in Twenty Twenty setzen? Im Moment befindet sich das Navigationsmenü über dem Bild, aber ich möchte, dass sie nebeneinander liegen. Gibt es eine Möglichkeit, dies zu erreichen? Danke!
Zwölf Kopfzeilenbild und Navigation in derselben Zeile
“position:relative” zu #masthead hinzufügen:
#masthead {position: relative;}
Positionieren Sie dann Ihre Navigation mit Position absolut:
#site-navigation {
position: absolute;
bottom: 0; /* or top, if you prefer */
right: 0;
}
-
Eine Sache noch. Wenn ich das tue, scheint das Header-Bild im Vergleich zur Navigation etwas weiter oben zu sein … Warum ist das so?
– pangi
3. November 12 um 13:21 Uhr
-
Die Kopfzeile kann etwas Polsterung haben oder das Bild etwas Platz um sich herum. Alles, was Sie tun müssen, ist, den Wert von bottom:0 in bottom:10px oder eine andere Zahl zu ändern, die Ihnen den gewünschten Effekt verleiht.
– cooperita
3. November 12 um 15:21 Uhr
-
Um sicher herauszufinden, woher das Leerzeichen kommt, verwenden Sie firebug.
– cooperita
3. November 12 um 15:22 Uhr
.