Design Anpassung Goran

e-neffi

Hallo,
ich bearbeite gerade diese Seite: http://www.kuechenglobus.de
Der Bekannte dem die Seite gehört hätte jetzt gerne, dass das Menu unter dem Haedbild steht und das Headbild fixiert wird, sodass, wenn man scrollt nur der Inhalt rollt.

Ich konnte kein Theme finden bei dem das so einzustellen ist, deshalb nun hier die Frage, ob das mit CSS möglich ist?
Vielen Dank im Voraus an Euch alle!
Gruß e-neffi

Werbepost

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.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

maxe

ja, ist z.b. mit position fixed möglich.

e-neffi

Und wie mache ich das?

Henk1060

menu unter header bild
child theme anlegen sofern noch nicht vorhanden ist.

dann die header.php anpassen
zb. <header id="masthead" da ist das menu

unter einfügen
<div class="hero without-featured-image"

Dann ist das menu schon mal unterhalb vom bild.

Header bild stehen lassen und drüberscrollen?
Dann ist der inhalt nicht mehr lesbar.
oder verstehe ich das was falsch

e-neffi

Hallo, vielen Dank.
Der Head soll stehen bleiben und nicht mit scrollen. Der Inhalt rollt dann unter dem Head durch!

Henk1060

das würde mich als besucher nerfen.
Nimmt zu viel platz weg, und bin dann nur am scrollen ;))

b3317133

Wenn nur das Menü ohne das Hintergrundbild stehen bleiben soll, wäre sowas hier ein Ansatz zum Ausbauen:

Code

@media screen and (min-width: 1020px) {
    .hero-image .site-header {
        position: fixed;
        left: 0;
        right: 0;
    }
}

SEpp55

und ggf. noch einen dezenten, transparenten Hintergrund

background: #80808099;

in eine zusätzlichen Zeile von b3317133 Code (innerhalb der Klammern) ;-)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Design Anpassung Goran

Jetzt mitmachen!