Do you want more than one sticky section on the same Elementor page – for example an announcement bar and a main navigation? With the Multi-Sticky Coordination feature, multiple sticky sections can work together instead of overlapping, either stacked at the top or swapping one at a time as the user scrolls.
With the Sticky Header Effects for Elementor plugin, you can easily coordinate multiple sticky sections on a single page.
To check the complete feature overview documentation of Sticky Header Effects for the Elementor plugin, click here.
Requirement – This feature is a part of Sticky Header Effects for Elementor PRO, so make sure both the Free & Pro plugins are installed & activated.
Multi-Sticky needs at least two sticky sections on the page with this feature enabled. Set it up on each section and follow the steps –
1. On each sticky section (Container), go to the Advanced > Sticky Header Effects tab and turn on the Enable toggle.
2. Turn on the Multi-Sticky Coordination toggle on each section you want to coordinate (at least two).
3. Choose a Behavior – Stack (all sticky sections stay visible, stacked below one another) or Sequential (only one shows at a time; as the next reaches the top, the current one disappears).
4. Set the Order / Priority for each section – 0 comes first (top in Stack, first in Sequential), higher numbers come after. For example: announcement bar = 0, main nav = 1.
5. If a section sticks too early or too late, turn on Set Activation Point Manually and set the Activation Scroll Distance (px) – the section takes over once the page is scrolled that many pixels (default 600px).
Up to 5 sticky sections per page are supported. If more are enabled, only the first 5 (by Priority order) will coordinate, and the rest are ignored. When sections declare different Behavior values, the lowest-priority section’s mode wins for the group.
