Dear Kriesi team,
as many other enfold users I have problems with parallax background-images in full-width color sections:
1. the parallaxe images do not resize on different viewports or screen-widths
2. parallax effect is disabled on mobile devices and images do not resize, what looks awful.
Please see links in private content.
I’m using the latest enfold version 4.2.2 and WP 4.9.2
Here an example for propper working parallaxes (not enfold):
Best regards Anne
Same problem here. Images do not resize on mobile device. Its a real pain. Tthere must be a fix somewhere?????
Hi,
Please take a look here
@media only screen and (max-width: 767px) {
.av-parallax-inner.alternate_color.avia-full-stretch {
background-size: 206% 69% !important;
background-position: 66% 100% !important;
}}
add that code and let us know if that would work foryou.
Best regards,
Basilis
Thanks for your reply…. I input it into Enfold/general styling/quick CSS then saved all changes and it didn’t work. Any other suggestions I can try? I am very new to this. Its a whole new world for a guitar player. I really appreciate any suggestions.
Thanks for your quick reply. I added the code into my style.css but it did not work at my website either: no parallax and no resizing. Sorry.
Best regards Anne
Hi,
There will be no parallax at all, as we have complete removed it.
It just resizes, I loaded on my iOS device and I can see it loading fine.
Best regards,
Basilis
Hello, I have a similar rpoblem. The section background picture in the colorsection should get smaller on mobile (smaller than 479px). I pasted the code above in my style.css but this did not work. Can you help me please?
Thanks, Susee
Hi,
Please create a secondary ticket with your request so we can be able to help you out.
Best regards,
Basilis