Parallaxe Effekt im Responsive Modus
Autor: Danilo Stricker
Besucht 728,
Followers 1,
Geteilt 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?
Gepostet am
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.
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?
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.
(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