Sticky Header Oceanwp | ProjectDMC.org Deutsch

[ad_1]

Hallo,

Diesen habe ich übernommen, jedoch war nichts Sticky und die Überschrift hat sich nach rechts verschoben.

Und die CSS-Regeln hast du auch tatsächlich da übernommen, wie das Angelika in ihrer Antwort beschrieben hat?
Ich habe das gerade mal kurz in der developer console getestet und das sollte funktionieren. Bitte exakt so verwenden, wie das Angelika beschrieben hat.

An dieser Stelle möchte ich aber noch darauf hinweisen, dass wir hier bei WordPress-Fragen helfen. CSS-Probleme gehören in der Regel nicht dazu, auch wenn wir je nach Zeit mal entsprechende Tipps geben.
Eine gute Möglichkeit, sich mit CSS zu beschäftigen, findest du z. B. hier, hier oder hier. Hier noch ein Link zu einem Hilfe- und Austausch-Forum für (u. a.) CSS -> Forum.

Viele Grüße
Hans-Gerd

Hallo Hans-Gerd,

vielen Dank für Deine Antwort. Ich habe es noch einmal überprüft (also darauf geachtet, dass ich alles ganz unten im Custom CSS eintrage und trotzdem funktioniert es nicht. Also soll ich dann hier die Diskussion beenden und im CSS-Forum fragen?

Vielen Dank und Grüße

Hallo,
zumindest sehe ich die Änderungen von dir nicht in der developer console (Aufruf mit F12 in Chrome).
Wenn du die von Angelika genannten Anpassungen in der developer console vornimmst (so habe ich die Lösung von Angelika getestet), dann solltest du auch sehen, dass das funktioniert.

Also soll ich dann hier die Diskussion beenden und im CSS-Forum fragen?

Teste das doch noch mal und ansonsten müsstest du dich in der Tat mit CSS auseinandersetzen.

Viele Grüße
Hans-Gerd

@melojezzed

ich kann den Code nicht finden. Hast du ihn wieder gelöscht? Für solche Rückmeldungen „hab ich eingefügt, geht nicht“ ist es immer hilfreich, den Code eingefügt zu lassen, damit das hier jemand gegenprüfen kann.

Für deine Website würde der folgende Code funktionieren

   
#site-header {
  position: fixed !important;
}

Allerdings, wenn du weiter herunter scrollst, dann wird es unschön, wenn das Menü über den Inhalten liegt.

Etwas anderes: Du hast zwar das Plugin „Disable & Remove Google Fonts“ installiert, aber es funktioniert nicht oder nicht komplett, denn es werden immer noch Google Fonts direkt von Google geladen. Weitere Infos und Hilfe findest du unter

Hallo Angelika,

vielen, vielen Dank! Jetzt klappt es. Stimmt, das sieht komisch aus, da müsste der Header dann beim Scrollen eine Färbung bekommen. Schon wieder das nächste Problem :-D.

Und auch vielen Dank für den Google Font Hinweis! Ich habe die Schriftarten eigentlich alle separat hochgeladen und mit H1 bis H6 ausgewählt, dabei die Werkseinstellung in Elementor gelassen. Zusätzlich vorsichtshalber noch das Plugin installiert und TROTZDEM werden Schriften noch geladen…

Da werde ich dann nochmal alles überprüfen müssen.

Vielen Dank für Deine Mühe!

Oder wüsstest du ein CSS-Code den ich noch eingeben kann, dass sich der Header gleichzeitig dezent einfärbt? Den Farbwert kann ich ja dann ausprobieren.

(Übrigens bin ich gerade am HTML und CSS lernen)

  • Diese Antwort wurde geändert vor 7 Minuten von melojezzed.

Hallo,
z. B. so:

div#site-header-inner {
    background-color: rgb(255 255 255 / 55%);
}

Ideal ist das allerdings alles nicht. Aber ein Ansatz zum selber lernen 😉

Viele Grüße
Hans-Gerd

[ad_2]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer