Header parallax image jumps when page first opened.
I have a large parallax image at the top of a page - please see:
https://advancedhyd.com/about-us/
When the page is first opened the image jumps - it moves down to show the top part of the image and then moves up again.
I have a custom height set (600px) for the top section. The actual image is 1920px x 1085px.
How do I stop the image jumping?
Comments
Hi,
There is no option to prevent that.
The parallax is based on JS, and it must load, so it must be this way.
Best regards
I have turned off parallax so problem resolved.
But I noticed another small issue with the header image - please see:
https://advancedhyd.com/about-us/
If I keep clicking the "About Us" menu option I can sometimes see the words from the paragraph below quickly flashing up in the middle of the header image area.
The top section with the image has a custom height of 600px - should this not make sure there is no brief overlap.
Please go to Betheme -> Theme options -> Performance, and set Builder local styles: Inline in header.
Best regards