Design Miami: Besucherdarstellung zeigt nicht überarbeiteten Header an

15.01.2018 09:53 (zuletzt bearbeitet: 28.01.2018 00:12)

Anja
#1

An

Hallo,

ich habe bei meiner Homepage den Header bearbeitet (Darstellung größeres Hintergrundbild).

Habe hierfür folgenden Code in "Header bearbeiten" eingegeben:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<style type="text/css">
/*<![CDATA[*/
 
/* ...hier den Code einsetzen! */
 @media (min-width: 768px) {
    .jtpl-header {
       padding: 50px 20px 250px 20px;  /*oben links unten rechts*/
    }
}
 

/*]]>*/
</style>
 

Wenn ich die Homepage im Bearbeitermodus öffne passt die Darstellung auch.
Sobald ich aber als Besucher die Homepage öffne wird das Bild (Hintergrund) wieder kleiner angezeigt. (Wie ursprünglich in der Designvorlage Miami)

Hat jemand eine Idee woran das liegen kann?

Vielen Dank im Voraus!

Antworten

Beitrag melden

#2

15.01.2018 10:07

TiJo
#2

Ti

TiJo

Hallo Anja,

1. füge Code über die entsprechende Funktion hier im Forum ein (das Symbol mit den zwei <>.)
2. poste doch bitte mal deine URL. Und bitte wirklich deine, und nicht die der Bearbeitungsseite (leider kommt das in letzter Zeit sehr oft vor)
3. willst du dort wirklich eine @media-Abfrage? oder hast du das "halt mal" irgendwo so gesehen?

Antworten

Beitrag melden

#3

15.01.2018 10:21

Anja
#3

An

Anja

Vielen Dank für deine schnelle Antwort :)
zu 1. Hoffe das passt so?

1
2
3
4
5
6
7
8
9
10
 
<style type="text/css">
/*<![CDATA[*/
 
/* ...hier den Code einsetzen! */
 @media (min-width: 768px) {
    .jtpl-header {
       padding: 50px 20px 250px 20px;  /*oben links unten rechts*/
    }
}
 
 

zu 2. Die URL ist

https://timoundanjaheiraten.jimdo.com/

zu 3. Mh ehrlich gesagt weiß ich das nicht ob ich die @Media abfrage will...
(Was macht die Abfrage denn?)
Bin in HTML/CSS nicht so bewandert und hab mir den Code hier aus dem Forum geklaut ;-)

LG

Antworten

Beitrag melden

#4

15.01.2018 10:49

Anja
#4

An

Anja

Habe mich jetzt zu der Thematik @media eingelesen und nein das wollte ich nicht :-)

Habe den Code aktualisiert, das problem bleibt aber weiterhin bestehen... Bearbeiteransicht OK, Besucheransicht nicht :-(

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 

<style type="text/css">
/*<![CDATA[*/
 
/* ...hier den Code einsetzen! */
/* @media (min-width: 768px) */
 
    .jtpl-header {
       padding: 100px 20px 150px 20px;  /*oben links unten rechts*/
 
}
 

/*]]>*/
</style>
 
 

Antworten

Beitrag melden

#5

15.01.2018 11:12

make
#5

ma

make

Kannst Du eventuell noch einen screenshot von dem Bearbeitungsmodus einstellen, damit man den Unterschied sieht, den Du meinst?

www.vertraute-erde.de

Antworten

Beitrag melden

#6

15.01.2018 11:23

Anja
#6

An

Anja

Screenshot ist angefügt :-)

Dateianh�nge

homepage.pdf

Antworten

Beitrag melden

#7

15.01.2018 11:30

TiJo
#7

Ti

TiJo

setz doch den Wert einfach mal auf 400

Antworten

Beitrag melden

#8

15.01.2018 11:45

Anja
#8

An

Anja

Danke, der Unterschied ist zwar immer noch da (Bearbeiteransicht sieht man mehr als auf der Besucherseite), aber mit der Lösung kann ich auf jeden Fall leben, weil das Bild auf der Besucherseite nun größer erscheint...

Eigentlich voll die simple Lösung hätte ich auch selbst drauf kommen können es mal so zu versuchen ;)

Danke nochmal und einen schönen Tag!