Sticky Header Delay with Elementor Header on WoodMart Theme

Hello WoodMart Support,

I am experiencing a header issue on a website built with the WoodMart theme, and I would appreciate your help identifying the cause.

The setup is the following:

* WoodMart is the active theme.
* The website is built almost entirely with Elementor.
* The header, footer, and pages are created with Elementor.
* In the header, I am not using WoodMart header elements. The header is built only with Elementor widgets.
* I may use some WoodMart elements elsewhere on the site, which is why I cannot switch themes, but the header itself is not using WoodMart header components.

The issue is very specific:

The header appears visually as soon as the page starts loading, but its sticky behavior does not work immediately. If I scroll before the page has fully loaded, the header does not behave as sticky yet. It is visible, but it does not stay attached to the top as expected. Only after the page fully finishes loading does the sticky behavior start working correctly.

To make this clearer:

* the header is visible early
* but the sticky functionality seems to activate only after full page load
* if the user scrolls quickly before that, the header is not yet functioning properly as a sticky header

At the same time, I also have a separate custom fixed button outside the header, and that element behaves correctly immediately. Because of that, the issue seems to affect the header behavior itself rather than general page rendering.

I also performed a very simple test:
I created a completely minimal header with only a single SVG icon and no complex structure, and the exact same issue still happened. This makes me believe the problem is not caused by my custom header design or by heavy header content.

Important detail:
When I use a similar Elementor setup with the Hello theme, I do not have this problem. The issue only appears when WoodMart is active. That is why I suspect that some global WoodMart header, scroll, sticky, or wrapper logic may still be affecting the Elementor header, even though no WoodMart header elements are being used inside it.

Things I would like to understand:

* Does WoodMart apply any global sticky header, scroll, wrapper, or initialization logic even when the header is fully created with Elementor?
* Could any WoodMart script be initializing header behavior only after full page load?
* Are there theme settings such as sticky header, header clone, scroll behavior, preloader, page transitions, smooth scroll, or other options that could affect Elementor headers in this way?
* Is there any recommended configuration when using WoodMart as the theme but building the header entirely with Elementor?

At this point I am trying to understand whether this is caused by:

* WoodMart sticky/header logic
* a wrapper or overflow/transform setting from the theme
* delayed JavaScript initialization from the theme
* or a known compatibility issue between WoodMart and Elementor headers

I would really appreciate any guidance on what setting or script I should check first.

Thank you in advance for your support.

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards

Hello Aizaz,
I am writing you my Site WP-ADMIN Login details in the private content.

Hello,

Please check how it works with the default WordPress theme and Woocommerce Storefront or Twenty-Twenty-Five theme just to check whether the issue is with our theme or not.

Also, Can you please share some screenshots of the issue with the default theme and WoodMart theme so I can further check on your site and reproduce the issue?

Best Regards

[Author]

Posts