stephan91
Goto Top

Jimdo mit CSS verändern Header höhe für mobile Geräte zu groß

Hallo zusammen hoffe mir kann einer Helfen.

Ich bin absoluter Anfänger was CSS angeht.
Bis jetzt nur verschieden Codes ausprobiert.

Ich möchte dass meine Seite auf dem Desktop sowie auf den mobilen Geräten funktioniert.

Habe die meisten Probleme mit dem Header Hintergrund.
Auf dem Desktop passt es.
Aber auf dem Handy ist es zu groß.

Nutze bis jetzt diesen Code.

<style type="text/css"> 
/*<![CDATA[*/
/* Änderungsschema für STOCKHOLM */
@media (min-width: 1170px) {
.cc-indexpage .jtpl-header {
height: auto !important;
.cc-indexpage .jtpl-header {min-height: 100px!important; max-height:500px!important;} 
.jtpl-header {min-height: 500px!important;}
.jtpl-content__inner {max-width: 500px!important;}
.jtpl-content__inner {padding: 40px 10px!important;}
/*]]>*/
</style>

Content-Key: 460538

Url: https://administrator.de/contentid/460538

Ausgedruckt am: 28.03.2024 um 21:03 Uhr

Mitglied: 139920
139920 08.06.2019 aktualisiert um 17:57:42 Uhr
Goto Top
Mitglied: Stephan91
Stephan91 08.06.2019, aktualisiert am 11.06.2019 um 15:33:23 Uhr
Goto Top
Hallo,

danke für die verweiße.
Da habe ich auch den Code her

<style type="text/css"> 
/*<![CDATA[*/
/* Änderungsschema für STOCKHOLM */
.cc-indexpage .jtpl-header {min-height: 100px!important; max-height:500px!important;} /* Höhe Home */
.jtpl-header {min-height: 500px!important;}/* Höhe andere Seiten */
.jtpl-content__inner {max-width: 1280px!important;}
.jtpl-content__inner {padding: 40px 10px!important;}
/*]]>*/
</style>

Kann mir jemand sagen was welcher Wert bedeutet und und wie ich den Code erweitern kann dass ich ihn für verschiedenste Bildschirme auslegen kann.

Beim Handy im Querformat wird ein Teil von Hintergrund Bild abgeschnitten
Mitglied: Stephan91
Stephan91 10.06.2019 um 16:51:56 Uhr
Goto Top
hat sich erledigt.
Habe es selber probiert face-smile
Mitglied: 139920
Lösung 139920 11.06.2019 aktualisiert um 09:50:32 Uhr
Goto Top
Zitat von @Stephan91:

hat sich erledigt.
Habe es selber probiert face-smile
Darauf hat hier nur jeder gehofft das du das tust :-P.
Dann noch Haken dran und feddich.