WebSite X5Help Center

 
Danilo Stricker
Danilo Stricker
User

Parallaxe Effekt im Responsive Modus  de

Autor: Danilo Stricker
Visitado 692, Followers 1, Compartido 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?

Publicado en
4 RESPUESTAS
Andreas S.
Andreas S.
Moderator
Usuario del mes 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.

Leer más
Publicado en de Andreas S.
Danilo Stricker
Danilo Stricker
User
Autor

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?

Leer más
Publicado en de Danilo Stricker
Andreas S.
Andreas S.
Moderator
Usuario del mes 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.

Leer más
Publicado en de 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

Leer más
Publicado en de  ‪ KolAsim ‪ ‪