WebSite X5Help Center

 
Rosemarie H.
Rosemarie H.
User

Format für Header-Bilder bei mobiler Ansicht  de

Autor: Rosemarie H.
Besucht 458, Followers 1, Geteilt 0  

Hallo,

ich bräuchte bitte einen Code für die Darstellung von Bildern für die mobile Ansicht:siehe

https://www.ferienhaus-herter.de/

Desktop passt:

Mobil: passt nicht

KolSim hatte mir das schon für den Slider bei einer anderen Seite zur Verfügung gestellt.

https://helpcenter.websitex5.com/de/post/234338

VG RH

Gepostet am
13 ANTWORTEN - 2 NüTZLICH - 1 KORREKT
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... wink ... ciao

<style>
@media(max-width:719px) {
#imCell_83 *{ font-size:26px !important;line-height: 50px !important;}}
</style>

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

Du hast die Strukturierte Daten doppelt drinnen in deiner Seite. Anscheinend im Codeteil nochmals eingefügt!

Außerdem ein Google Tag Manager Code Fehler wo ein geöffneter <body... Tag doppelt ist.

Mehr lesen
Gepostet am von Andreas S.
Rosemarie H.
Rosemarie H.
User
Autor

Danke KolAsim!:)

@Andreas

1)ja danke, fiel mir auch schon auf. sieht so bei mir aus:

ich kann nicht mehr nachvollziehen, wieso ich das gemacht habe (aber ich unterstelle, es gab einen Grund;)... 
ich glaube, den unteren teil mit den "meta property" zeilene kann ich löschen, oder?

2) danke, hatte noch tag manager script im body... hab es entfernt. passt es jetzt?

VG

Mehr lesen
Gepostet am von Rosemarie H.
Rosemarie H.
Rosemarie H.
User
Autor

sorry, KolAsim, ich hab jetzt

1) deinen code wieder in das head tag eingefügt.

2) das textelement vor dem headerbild dupliziert:

und dann das header bild für die mobile ansicht (700x700) eingefügt:

jetzt werden aber beide bilder anzeigt, auf desktop und mobil.

Mehr lesen
Gepostet am von Rosemarie H.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

JA der extra eingefügte ist unnötig mit den meta....!  Allerdings sehe ich jetzt 3 mal den Code!  Nur der ganz unten stimmt und wird durch WSX5 selbst eingefügt. Alles andere musst du löschen. NAch dem <Head> und vor dem </head> auch!

Mehr lesen
Gepostet am von Andreas S.
Rosemarie H.
Rosemarie H.
User
Autor

@Andreas ah okay, ich hab jetzt die strukturierten daten von wsx5 deaktviert (weil die mir zu unspezifisch / zu allgemein erscheinen)

jetzt sollte es passen

Mehr lesen
Gepostet am von Rosemarie H.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Rosemarie H.
sorry, KolAsim, ich hab jetzt ... ...  jetzt werden aber beide bilder anzeigt, auf desktop und mobil.

(It > De) ... Entschuldigung, aber vielleicht habe ich es nicht verstanden und ich denke, es hängt nicht von meinem Code ab, der die Struktur nicht verändert. Sie haben zwei identische Objekte.

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Rosemarie H.
Rosemarie H.
User
Autor

@KolASim

Ja, ich dachte, ich muss, so wie beim Slider, zwei Objekte einfügen – einmal für die Darstellung am Desktop mit dem normalen Bild und einmal für die Darstellung für Mobilgeräte mit dem kleineren Bild...

Das Ziel ist: Ich möchte, dass auf Mobilgeräten das Bild oben auf der Seite nicht so groß angezeigt wird. (Ich dachte, da muss man etwas ähnliches machen wie bei dem Slider auf start-smoking.com, wo du mir den Code zur Verfügung gestellt hast.)

Mehr lesen
Gepostet am von Rosemarie H.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Rosemarie H.
... ... ...  Das Ziel ist: Ich möchte, dass auf Mobilgeräten das Bild oben auf der Seite nicht so groß angezeigt wird. ... ... 
  ... Es tut mir leid foot-in-mouth, ich habe es nicht verstanden und ich habe über die Maße des Bildes nachgedacht. ... jetzt ist alles klar...wink
... ersetze meinen gesamten Code durch diesen:
<style>
@media(min-width:720px) { #imPageRow_2, #imCell_89 {display:none !important}}
@media(max-width:719px) { #imPageRow_1, #imCell_83 {display:none !important}
#imCell_89 *{ font-size:26px !important;line-height: 50px !important;}}
</style>

.

ciao

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Rosemarie H.
Rosemarie H.
User
Autor

Kein Problem, vielen Dank!:) 
Auf der Home-Seite funktioniert der Code, klasse! Aber ich möchte dasselbe auch bei den anderen Seiten machen zb. https://www.ferienhaus-herter.de/ferienwohnungen.html

da funktioniert der Code nicht. brauche ich da einen anderen / ist der Code nicht universell einsetzbar? Danke. Ciao

Mehr lesen
Gepostet am von Rosemarie H.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Rosemarie H.
... ... ...  da funktioniert der Code nicht. brauche ich da einen anderen / ist der Code nicht universell einsetzbar? Danke. Ciao

... der Code ist der gleiche, aber die relativen IDs müssen entsprechend der Seite geändert werden, mit der rechten Maustaste erkannt werden | prüfen...
... das ist der Code für diese zweite Seite:
<style>
@media(min-width:720px) { #imPageRow_2, #imCell_146 {display:none !important}}
@media(max-width:719px) { #imPageRow_1, #imCell_128 {display:none !important}
#imCell_146 *{ font-size:26px !important;line-height: 50px !important;}}
</style>

-----------------------------------------------

#imPageRow_1    |    #imCell_128
#imPageRow_   |    #imCell_146

.

ciao

.

______________________________________

...Sie haben eine intelligent und sehr nützliche Methode gewählt, die viele nicht kennen... wink

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Rosemarie H.
Rosemarie H.
User
Autor

danke KolASim, hab es begriffen und weiß nun, wie es geht!:) Ciao

Mehr lesen
Gepostet am von Rosemarie H.