Tagged: parallax
Hi there,
I’m using parallax for the water images in color sections on this page: https://womenindharma.com/connect/
There are multiple color sections using the same image.
All of those color sections are set to Parallax, Center Center and Stretch to Fit. By the time you scroll down to the bottom of the page, the color section starts to show a gray background at the top of the water image, instead of the water image covering the entire color section like it should. I’ve tried it in Safari and Chrome and am still seeing the error. For multiple other pages too on our site.
How do I fix this so the water image always covers the color section even for the ones closer to the bottom of the page?
Thanks,
Megan
Hi Megan,
Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.
Best regards,
Rikard
Thanks Rikard. I posted the temp credentials below.
Hi,
I can’t reproduce the issue on Chrome, Windows 8. Anyway, try to adjust the size of the parallax container.
add_filter('avf_parallax_speed','avia_change_parallax_ratio', 10, 2);
function avia_change_parallax_ratio($ratio, $id){
$ratio = "0.8";
return $ratio;
}
Default ratio value is “0.3”.
Best regards,
Ismael
I added that code and the error seems to be better. It’s only affected the very last parallax color section on the longer pages. It’s still not completely gone though.
Hi,
Have you tried using larger images? Double the size of the current ones.
Best regards,
Ismael
We ended up just changing all of them to fixed instead of parallax. So it works fine for now. Thank you.