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>

Please also mark the comments that contributed to the solution of the article

Content-Key: 460538

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

Printed on: April 19, 2024 at 23:04 o'clock

4 Comments

Latest comment

Klick auf die Links unter deinem Post!
Jimdo Header Hintergrundbild mit Hilfe von CSS in Head verkleinern - nicht px benutzen
Jimdo Webseiten Header per css verkleinern
Jimdo Header Problem
Jimdo Stockholm Header

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