Mobiler Header überlagert Bild

Hallo zusammen,

ich bin ziemlich neu bei Wordpress und stehe aktuell vor einem Problem.
Die Seite wurde vor ca. drei Jahren von einer Agentur erstellt und ich bin aktuell dabei sie komplett umzubauen, was (bisher) auch gut funktioniert hat.
Da mein ganzer Content auf nur einer Seite ist und man über Anker zwischen Themen hin und her springen kann ist es von großer Bedeutung, dass der Header dauerhaft zu sehen ist. Auf der Desktop Version konnte ich auch auswählen, dass der Header dauerhaft zu sehen sein soll. Bei der Mobilen Version gibt es die Funktion leider nicht. Nun habe ich mir mit folgendem Code geholfen:

@media only screen and (max-width: 479px) {
  .responsive.html_header_top.html_header_sticky #top #wrap_all #header {
      position: fixed;
  }
}

Das hat auch funktioniert - Der Header ist jetzt auch auf Mobilgeräten fixiert, allerdings ist der größte Teil meines Titelbildes davon überlagert. Gibt es da Abhilfe?

Ein weiteres Problem ist, dass auf der Desktopversion der Reiter "Downloads" im Header dauerhaft farbig dargestellt wird, so als hätte ich den Reiter ausgewählt/gedrückt/hover.. Kann mir hier eventuell auch jemand helfen?

Webseite: https://www.kfz-sachverstaendiger-gruber.de/

Vielen dank schon mal.

Gruß Jan

Hallo,

das erste Problem konnte ich mittlerweile mit folgendem Code lösen:

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header {
    position: fixed;
}
.responsive #top #main {
    padding-top: 112px !important;
}
}

Das zweite Problem besteht leider immer noch

Zitat

Ein weiteres Problem ist, dass auf der Desktopversion der Reiter "Downloads" im Header dauerhaft farbig dargestellt wird, so als hätte ich den Reiter ausgewählt/gedrückt/hover.. Kann mir hier eventuell auch jemand helfen?

Habt ihr eine Idee?