By using Elementorforum.com’s services you agree to our Cookies Use and Data Transfer outside the EU.
We and our partners operate globally and use cookies, including for analytics, personalisation, ads and Newsletters.

  • Join the Best Unofficial Elementor Support forum

    Provide or get advice on everything Elementor and Wordpress, ask questions, gain confirmation or just become apart of a friendly, like minded community who love Wordpress and Elementor


    Join us!
elementor official

Question Responsive Parallax

I

Idovidal

New Member
Hi,

i toon an awesome SVG photo and tried to build parallax with it.
the challenge that i encounter is how to make it responsive.
when i zoom out the whole pictures are being at mess.

i tried to use VH/VW/% but i didnt work.
here is a link to what iv'e tried to create.

powerhorse.000webhostapp.com/mystery/



how can i make the imges stay in their place and size even when there is zoom out (or higher resolution screen) in the browser?
 
elementor official
Koni Kodes

Koni Kodes

Member
I'm not sure about svg, I think the inner elements shift when the base moves. You may want to turn it into a jpeg to keep it consistent.
 
elementor official
I

Idovidal

New Member
I'm not sure about svg, I think the inner elements shift when the base moves. You may want to turn it into a jpeg to keep it consistent.

what do you mean by "base"?

also in jpeg is a problem since the background will not be transparent.
this will cause to every shape have a white background around it.
 
elementor official
Koni Kodes

Koni Kodes

Member
x and y axis. I know svg is supposed to scale, but I was never good at making that happen.
If you want transparency, you can make it a png image instead. Like the jpeg, it should offer more consistency if you make the background image a cover with no-repeat.
 
elementor official

Latest posts

Other Elementor Resources

elementor official
elementor official
Top