4
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.
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>
Auf Facebook teilen
Auf Twitter teilen
Auf Reddit teilen
Auf Linkedin teilenBitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 460538
Url: https://administrator.de/contentid/460538
Ausgedruckt am: 24.11.2024 um 15:11 Uhr
4 Kommentare
Neuester Kommentar
Hallo,
danke für die verweiße.
Da habe ich auch den Code her
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
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
hat sich erledigt.
Habe es selber probiert
Habe es selber probiert
Darauf hat hier nur jeder gehofft das du das tust :-P.
Dann noch Haken dran und feddich.
Dann noch Haken dran und feddich.
