Header fixieren

Hallo Leute,

für meine Internetseite benutze ich das Theme Astra und möchte, dass der Header beim Srollen oder wischen (mobile) am oberen Bildrand stehen bleibt und man den Body darunter nach oben schieben kann. Bisher habe ich dafür das Plugin WP Mobil Menu verwendet: Das hat aber den Nachteil, dass man in der Free-Version am Header kaum etwas ändern kann, der Header dann mobil ganz anderes ausschaut als am Desktop.

Ich möchte aber erreichen, dass der Header mobil und Desktop möglichst gleich ausschaut, habe somit das WP Mobil Menu wieder abgeschaltet.

Beim Astra Desktop hat mit ChatGPT ein css gebaut, das ich unter zusätzliches css eingefügt habe, und nun ist der Header auf dem Desktop auch fix. Allerdings ist das die zweite Zeile (von 3), die man im Header-Builder zur Verfügung hat, die liegt jetzt aber vermutlich fix über der ersten Zeile, was auf dem Desktop nicht weiter auffällt. Mobil wirkt sich das aber so aus, dass man, wenn man das Hamburger-Menü öffnet, die oberste Zeile etwas abgeschnitten hat, ist zwar nicht weiter tragisch, aber ganz perfekt ist das nicht.

Gibt es eine Möglichkeit (z. B. mit zusätzlichem css) im Astra Free den Header so zu gestalten, dass sowohl auf Desktop-Geräten, als auch mobile die erste Zeile des Headers oben am Bildschirmrand fixiert ist, ich dort meine Desktopmenüs, mit Logo und Titel unterbringen kann und gleichzeitig auch mobil die erste Zeile sowohl horizontal als auch vertikal ganz oben fixiert werden kann und mobil dort dann Titel und Logo Hamburger Menü und Suche untergebrachte wedren können.

Ich hoffe mal, ihr könnt ungefähr nachvollziehen, was ich als Laie da schildere. 🙂

Wenn möglich bitte in deutsch antworten.

VG,

Sven

The page I need help with: [log in to see the link]