Twenty Seventeen Responsive Header Bild

  • jenaia

    (@jenaia)


    vor 4 Jahren, 2 Monaten

    Hallo,
    ich hab das Problem dass bei dem Thema Twenty SeventeenVersion: 2.4 das Headerbild auf Mobilgeräten nicht skaliert wird.
    Was überseh ich da? Der rest der Seite wird richtig angezeigt.
    Wäre cool wenn mir jemand einen Tipp hätte

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 3 Antworten – 1 bis 3 (von insgesamt 3)
  • Moderator Hans-Gerd Gerhards

    (@hage)

    vor 4 Jahren, 2 Monaten

    Hallo,
    teste mal bitte unter Design > Customizer > Zusätzliches CSS:

    /* Headerbild anpassen */
@media (max-width: 800px){
	.has-header-image .custom-header-media img{ 
			object-fit: none;
	}
}

    Viele Grüße
    Hans-Gerd

    Thread-Starter jenaia

    (@jenaia)

    vor 4 Jahren, 2 Monaten

    Hallo Hans-Gerd,

    danke für den Tipp. Das Bild wird jetzt in der richtigen Größe angezeigt. Leider sind jetzt aber drüber und drunter weiße Balken.

    Weist du wie ich das beheben kann?

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 4 Jahren, 2 Monaten

    Hallo,
    mit entsprechenden media queries (CSS) kann man das sicher noch nachbessern. Die CSS-Regel, die ich dir genannt hatte, ist an sich auch erst mal nur als Ansatz gedacht, an der man dann noch weiter schrauben kann. Wir helfen hier im Forum bei WordPress-Problemen – das Problem bei dir hat aber mit CSS zu tun. Eine gute Möglichkeit, sich mit CSS zu beschäftigen, findest du z. B. hier oder hier.
    Eine andere Lösung wäre, wenn das Baby im Foto in der Mitte des Fotos wäre. Dann würde sich eine Nachbesserung mit CSS weitestgehend erübrigen.
    Viele Grüße
    Hans-Gerd

Ansicht von 3 Antworten – 1 bis 3 (von insgesamt 3)
  • Das Thema „Twenty Seventeen Responsive Header Bild“ ist für neue Antworten geschlossen.