Header Background flashes when loading
-
When loading pages on this site (not the home page, but all other pages) the header loads and then jumps up to the right place. I have a scroll set to 1 because if I make this ZERO it does not jump but the top bar disappears (I have a top bar that is not sticky).
On some pages I used motion effects (slow fade in) and that hides the jumping better BUT shows a flash of white behind section that fades in.
Any idea how to fix the jumping so I can turn off the fade in? OR fix the white flash?
Pages with Fade: (jumping not as bad but flashes white)
https://tpasystems.net/dovetail-hra-plan/
https://tpasystems.net/cafeteria-flex-plan-fsa/
https://tpasystems.net/health-savings-account-hsa/
Other pages with no fade and the jumping is more prevalent
https://tpasystems.net/side-by-side-comparison-of-fsa-hra-and-hsa/
https://tpasystems.net/213d-overview/
I’m using Elementor Header Footer plugin
And Elementor Sticky Effects Plugin
I’m pretty sure it’s sticky effects – when I deactivate it, the problem is solved but then I don’t have a sticky header.
I guess I could buy Elementor PRO which has sticky effects but wanted to check here first for any solutions.
Thanks.
The page I need help with: [log in to see the link]
- The topic ‘Header Background flashes when loading’ is closed to new replies.