Hallo, kämpfe gerade mit dem Template Miami und der Darstellung des Hintergrundbildes für den Header auf verschiedenen Displaygrößen:
Mobil und größer als 1170px = ok; bei Zwischengrößen (v.a. Tablets) wird der Header sehr niedrig und die Grafik dadurch vertikal abgeschnitten.
Habt Ihr einen Tipp was ich da korrigieren muss?
Außerdem soll der Header nur auf der Startseite so groß sein, auf den Unterseiten entweder schmal oder ganz ausblenden.

Wahrscheinlich liegt es daran, dass in diesem code-snippet (das ich irgendwo aus dem Forum kopiert habe) als min-width 1170px definiert ist, oder? wie muss ich es anpassen?

<style>
/* <![CDATA[ */
/* --- Header Height Homepage--- */
@media (min-width: 1170px){
.jtpl-header { 
    max-height: 600px !important; 
    height: 300vh !important;
 } 
}
/*]]>*/
</style>
 

Die Schriftgröße für body text ist in der mobilen Ansicht im Verhältnis zur h1 extrem groß. Da wäre ich auch für Tipps dankbar.

Hallo hast du es so schon einmal versucht

@media (min-width:768px) and (max-width:1169px)
 

zudem wäre ein link auf deine Hompage sehr hilfreich,damit man sich das anschauen kann

Gruss
Gismo

Danke, ja ich dachte schon ich muss den Zwischenbereich definieren, wusste aber nicht wie.. versuche ich.
ich kann die URL leider erst in 4 Tagen posten, bin neu hier..

Super, vielen Dank für die weiteren Tipps, werde ich am Wochenende mal testen.
Hier der Link zur Seite: https://www.20jahre-frauenblasorchester.berlin/