Skip to main content

Find Out Why Your Sticky Header Isn’t Working with AI

The AI reads your header's sticky settings and tells you why the effect is not showing, and what would fix it. Read only.

Difficulty Beginner
Time ~5 min

Prerequisites

A site connected to WPVibe with Elementor and Sticky Header Effects for Elementor 2.2.3 or newer (tested on the free 2.2.3 with free Elementor 4.3.5 at desktop width), on WordPress 6.9 or newer, with an administrator account, and a header built in Elementor: a header template from Ultimate Addons for Elementor (tested) or Elementor Pro (not tested), or the top section of a page built in Elementor.

The prompt
My Elementor header should be sticky with Sticky Header Effects for Elementor, but [what is wrong, for example it does not stick at all, or the background color never changes, or it works on desktop and not on my phone] on [the address of a page with the header]. Find out why. Read only: change nothing.

1. Run discover_abilities with category sticky-header-effects. If sticky-header-effects/apply-settings is not listed, run run_wp_cli plugin list and run_wp_cli core version, tell me whether Sticky Header Effects for Elementor (2.2.3 or newer) and Elementor are active and whether WordPress is 6.9 or newer, and stop.
2. Find where my header is built. First, Ultimate Addons for Elementor headers: run run_wp_cli post list --post_type=elementor-hf --post_status=publish --posts_per_page=100 and, for each one, post meta get ID ehf_template_type (type_header is a header). Then, only if run_wp_cli plugin list shows Elementor Pro active, Elementor Pro headers: run post list --post_type=elementor_library --post_status=publish --posts_per_page=100 and, for each one, post meta get ID _elementor_template_type (header is a header; WPVibe has not tested these). Then run get_page_html for the page I named and look at the header at the top of it. It is one of the templates you found only if it contains an element with class elementor-ID, where ID is that template's id. If it is the top of the page's own Elementor content (class elementor-N, where N is the page id, also in the body class page-id-N), use the page. If it holds Elementor content from a post you did not find, another header builder made it and this recipe does not cover it: stop and tell me. If it holds no Elementor content at all (a header tag, .site-header or #masthead with no element of class elementor inside), the theme draws it: stop and tell me this recipe cannot change it. If more than one template matches, ask me which one. Tell me what you found.
3. Run sticky-header-effects/validate-demo with the post_id. If it says no element is sticky, tell me the Enable switch is off on the header (it is off by default). Then read the header with run_wp_cli post meta get ID _elementor_data, and tell me which element has transparent set to yes and whether that is the header's outer container or section, or something inside it.
4. From the same data, list the sticky settings and their values. Check: sticky (Elementor Pro's own Sticky on the same element; WPVibe has not tested the two together, so say it may be the cause), transparent_on (the screen sizes it is on for: desktop, tablet, mobile; a size missing from the list gets no effect, but if the key itself is missing it is on for all three; the plugin treats 1025 pixels and wider as desktop and 767 and narrower as mobile, whatever breakpoints Elementor uses), scroll_distance and its _tablet and _mobile versions (the effects start only after that much scrolling; missing means 60 px), and the switch for the effect I mentioned (for example background_show for the color, hide_header for hiding).
5. Run run_wp_cli option get she_feature_status. If it exists, list every effect set to off: those are switched off in Elementor > Sticky Header Effects > Header Effects, and their settings do nothing on the page even though they are saved and validate-demo lists them.
6. Run get_page_html for that page and check that the header's element carries the class she-header-yes, and that the page loads the plugin's she-header.js script as a normal script tag. If a speed plugin delays or rewrites it (for example type rocketlazyloadscript or a data-wpmeteor attribute), the effects may start late, only after the first tap or scroll, or not at all: say which plugin.
7. Tell me the most likely cause and what would fix it. Do not change anything.
Already connected?

Skip pasting the full prompt. Drop this into your AI on a site that already has WPVibe:

Run the “Find Out Why Your Sticky Header Isn’t Working with AI” recipe from the WPVibe cookbook on my connected site.

You switched on a sticky header effect in Elementor and nothing happens when you scroll, or it works on your laptop and not on your phone. The reason is usually one setting among dozens, in a panel you only see when you open the right element on the right screen size.

The AI reads your header the way Sticky Header Effects for Elementor sees it: whether the sticky effect is on and on which element, which screen sizes it is on for, how far visitors scroll before it starts, and whether an effect was switched off for the whole site on the plugin’s Header Effects screen, which leaves its setting saved but makes it do nothing. Then it tells you what it found and what would fix it. It only reads and changes nothing.

Say what you expected and on which device. The answer points you to the setting to change, or to one of the other sticky header recipes to change it with your yes.

Outcome

The likely reason your sticky header effect does not show, with the setting that would fix it.