Theme Seventeen - Header Bild Höhe

Admiss

Hallo,

ich versuche die Größe vom Header Bild, über zusätzliche CSS, zu verringern. HIER

Das Header Bild soll zudem responsive sein.
Es klappt irgendwie immer nur das eine oder das andere.
Aber beides zusammen bekomme ich nicht hin.
Kann mir jemand helfen?

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

Admiss

Kann mir keiner helfen ? Ich komme irgendwie nicht mehr weiter.
Ich versuche es mal anhand des Screenshots zu erklären.

Der weiße Bereich im Header soll halt verschwinden. Das Menü soll direkt am Headerbild andocken.
Dankeschön.

[Blockierte Grafik: http://fs1.directupload.net/images/180602/5x9i4ti9.png]

SEpp55

Vielleicht hilft dir das weiter - LINK!

Admiss

Nein, leider gar nicht. Ich hab es schon probiert. Das Problem ist nach wie vor ...

Sailor56

Vielleicht nicht die 100% Lösung, aber möglicherweise ein Schritt in die richtige Richtung :

HTML

.custom-header-media,
.custom-header{
  height: calc(80vw / 1.7) !important;
}
#wp-custom-header > img {
  width: 80vw;
  margin: 0 10vw;
}
@media screen and (max-width: 768px) {
   .headerimg,
   .custom-header-media,
   div.custom-header {
      height: calc(80vw / 1.9) !important;
   }
}

Alles anzeigen

Bitte ins 'zusätzliche CSS' (vom Dashboard -> Design - > Customizer -> zusätzliches CSS)
Kann das leider nur 'oberflächlich' in der Simulation testen, das müsstest du dann bei dir prüfen, ob es da irgendwelche unerwünschten Nebenwirkungen gibt!

Admiss

Vielen Dank !!! Es hat jetzt geklappt !!!

SEpp55

Und das von dir angelegte Child-Theme war lauffähig??

Zitat

.... Und wie so oft braucht es ein Child Theme, damit die Änderungen ......

Wie auch immer .....
Diesen Abstand hast du selbst in die Custom CSS eingefügt!!! :confused:
Zeile 53-60:

Code

.custom-header,
.has-header-image.twentyseventeen-front-page .custom-header {
 


height: 800px;
min-height: 237px;


}

Bitte hier aufräumen!! Diverse unnötige Leerzeilen sind zu entfernen - im ganzen custom-css Bereich.
Ggf. mit /*Erklärungen*/ dazuschreiben!
Direkt nach dem o.g. Bereich sind zwei Abschnitte, die mit @Media beginnen!
Das sind die dazugehörigen Anweisungen fürs [size=14]Responsive Web Design und nennt sich Media Queries.
Solltest du weiter Media Queries für andere Breiten brauchen, kopieren neuen
max-width eintragen und neue height einstellen und vorallen - einlesen und einarbeiten!
Hilfe zur Selbsthilfe ist hier angesagt.
Mit den genannten Schlüsselbegriffen findet die Suchmaschine deines Vertrauens kiloweise Hilfestellung.

Zu langsam ;-)[/SIZE]

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Theme Seventeen - Header Bild Höhe

Jetzt mitmachen!