WebSite X5Help Center

 
Danilo Stricker
Danilo Stricker
User

Parallaxe Effekt im Responsive Modus  de

Автор: Danilo Stricker
Просмотрено 702, Подписчики 1, Размещенный 0  

Guten Morgen ihr lieben,

da ich leider nicht wirklich eine Antwort finde und mit meinem Latein am Ende bin ( vielleicht ist die Lösung auch recht nah ) wende ich mich nun an euch. 

Ich habe unter www.thomas-s-photographie.de eine Homepage mit Parallaxe Effekt erstellt. Auf dem Desktop funktioniert das alles recht SUPER und bin auch zufrieden NUR in der Smartphone Ansicht komme ich nicht weiter. Da wird mir nur ein kleiner Balken angezeigt, wo man den Effekt erahnen kann. Nur leider sieht es etwas fehlplaziert aus. Wie würde ich denn den Balken / Effekt auf die Höhe bekommen, sodass er auch Sinn macht und wenn das nicht geht, wie kann ich diesen in der smartphone ansicht unterbinden?

Размещено
4 Ответы
Andreas S.
Andreas S.
Moderator
Лучший пользователь месяца DE

Hast du für den Platz ein HTML-Objekt oder Text-Objekt eingefügt?  Schau mal beim "responisven" ob du beim vorletzten Breakpoint das HTML-Objekt ausgeblendet hast. Wenn nichts in der Reihe ist, kann es die Höhe nicht halten.

Читать больше
Размещено От Andreas S.
Danilo Stricker
Danilo Stricker
User
Автор

Hey Andreas, ich habe die Bilder über die Textobjekte laufen. Also es läuft ein Textobjekt. Würde es über ein HTML Objekt fuinktionieren und muss ich dann mit Codes arbeiten?

Читать больше
Размещено От Danilo Stricker
Andreas S.
Andreas S.
Moderator
Лучший пользователь месяца DE

Nein du brauchst nichts über codes laufen lassen.  Du musst nur das Objekt "einblenden" beim vorletzten Breakpoint!  Das heisst unter "4" oben auf "responsive" drücken und links beim vorletzten Breakpoint das Text-Objekt oben den button "einblenden/ausblenden" drücken, damit es dunkel wird.

...oder du tauscht es mit einem HTML-Objekt (leer oder mit <div></div>) aus, denn da kannst du unten gleich bestimmen was du für eine Höhe haben willst.

Читать больше
Размещено От Andreas S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Danilo Stricker
... ... ... ...  muss ich dann mit Codes arbeiten?

(It > De) ... wenn Sie sofort mit einfachem Zusatzcode lösen möchten, fügen Sie diesen Code ein:

<style> @media (max-width: 479px) { #imPageRow_1 { height:150px !important ;}} </style>

>> in Schritt 3 des Abschnittes Eigenschaften der Seite HOME | Experte | Benutzerdefinierter Code | Option: Vor dem </HEAD> Tag;

>> oder für alle Seiten in den Abschnitt in Schritt 1 einfügen Experte | Benutzerdefinierter Code | Option: Vor dem </HEAD> Tag;

.

hallo, ciao

Читать больше
Размещено От  ‪ KolAsim ‪ ‪