Title: Header Background flashes when loading
Last modified: April 4, 2024

---

# Header Background flashes when loading

 *  Resolved [gwozniak20](https://wordpress.org/support/users/gwozniak20/)
 * (@gwozniak20)
 * [2 years, 2 months ago](https://wordpress.org/support/topic/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/dovetail-hra-plan/)
 * [https://tpasystems.net/cafeteria-flex-plan-fsa/](https://tpasystems.net/cafeteria-flex-plan-fsa/)
 * [https://tpasystems.net/health-savings-account-hsa/](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/side-by-side-comparison-of-fsa-hra-and-hsa/)
 * [https://tpasystems.net/213d-overview/](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](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fheader-background-flashes-when-loading%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Plugin Contributor [Robert Wattner](https://wordpress.org/support/users/rwattner/)
 * (@rwattner)
 * [2 years, 2 months ago](https://wordpress.org/support/topic/header-background-flashes-when-loading/#post-17553089)
 * Hi,
 * It looks like you have the “transparent” option on the plugin enabled. That is
   making the header transparent once it hits the targeted scroll distance. There
   is a 0.4s transition on the background color, which is what you are seeing. Could
   you please try disabling that option and let me know if that helps?
 * Also, if you set the plugin scroll distance to match the height of the section
   above the header, it would make for a smooth transition. The header would stick/
   unstick as soon as the top section is off/on the screen. You can use the devtools
   to find the height of the top section for each breakpoint. Or, my preferred way,
   use the min-height setting for the top section instead top/bottom padding. That
   way you have control over the exact height.
 * Let me know how it goes.

Viewing 1 replies (of 1 total)

The topic ‘Header Background flashes when loading’ is closed to new replies.

 * ![](https://ps.w.org/sticky-header-effects-for-elementor/assets/icon-256x256.
   gif?rev=3301413)
 * [Sticky Header Effects for Elementor](https://wordpress.org/plugins/sticky-header-effects-for-elementor/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/sticky-header-effects-for-elementor/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/sticky-header-effects-for-elementor/)
 * [Active Topics](https://wordpress.org/support/plugin/sticky-header-effects-for-elementor/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/sticky-header-effects-for-elementor/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/sticky-header-effects-for-elementor/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Robert Wattner](https://wordpress.org/support/users/rwattner/)
 * Last activity: [2 years, 2 months ago](https://wordpress.org/support/topic/header-background-flashes-when-loading/#post-17553089)
 * Status: resolved