WebSite X5Help Center

 
Marius T.
Marius T.
User

Responsive size of parallax image  en

Autor: Marius T.
Visited 1888, Followers 2, Udostępniony 0  

Hi

I am wondering why the image used in parallax effect does not respect responsive resize in smaller viewports? It does not automaticlly scale with viewport so in smaller viewports it appear scaled.

Thanks, hope you are all safe!

Posted on the
2 ODPOWIEDZI - 1 PRAWIDłOWA ODPOWIEDź
Esahc ..
Esahc ..
Moderator

Marius, I suspect it is because the depth of the object/s does not change irrespective of width of display (eg many use the simple seperator and define the appropriate depth behind which the image will display).

I have in the past used a workaround which results in a responsive parallax image or slideshow. I create a transparent image (or a single colour image and set that colour transparent) roughly the dimensions of the desktop width and the height required. I then place this as an image in a text object or an image in the image object with the object being full width of page. Set your parallax image or slide show behind this row. As the page gets narrower not just the width changes, but also the depth of the row.

I have attached a transparent image 1024x400px, give it a try :-)

Czytaj więcej
Posted on the from Esahc ..
Marius T.
Marius T.
User
Autor

Thsi is the answer! Thanks!

Czytaj więcej
Posted on the from Marius T.