Elementor Pro Tips: Sticky Header and Sticky Jump Links Tutorial
by Chris McElroy SEO
Making it easier for your visitors to navigate your website keeps them on your site longer and increases engagement with the links on your site which improves your SEO and quality scores. It also increases your conversion rates and that's even more important.
I like using Elementor Pro, and it can do almost anything you want if you can find the right widgets and workarounds. If you don't already know how to create sticky headers and sticky anchor links, this tutorial will help you.
For those that don't know...
What is a Sticky Header?
A sticky header is a menu or navigation bar that stays at the top of the page even when someone scrolls down. Instead of disappearing the second you scroll, it sticks to the top of your visitor's screen so they always have quick access to whatever menu, category, or button you’ve put up there.
It's like your website saying, “Hey, still here if you need me!”
This is great for keeping people from getting lost or frustrated, or just bored, especially on long pages where they’d otherwise have to scroll all the way back up to find the navigation. And it's much better than "back to top" buttons.
What is an Anchor Link?
An anchor link is a link that jumps to a specific section of the same page. So instead of taking you to a different page entirely, it smoothly scrolls you down to a section labeled with an ID.
In Elementor, this is called a CSS ID and when you click on a section, then go to the advanced tab on the left, scroll down and you'll see it. There you can put something like faq. Do not put anything but the word there. Where you create the anchor link, highlight your text and put in #faq. When a visitor clicks that link they scroll down to where you put the CSS ID. I recommend putting the CSS ID in the header tag of that section.
Think of it like a teleport button. Instead of scrolling 2,000 pixels to get to the “FAQ” section, you just click the link in the menu and boom, you’re there.
What is a Sticky Anchor Link?
A sticky anchor link is basically when you put anchor links into your sticky header. This combo gives your visitors a top-level menu that can jump to different parts of the same page, even as they scroll.
It’s insanely useful for:
Long-form sales pages
Service pages with multiple offers
Tutorials or FAQ sections
Portfolio or case study layouts
Sticky anchor links keep your page skimmable, smooth to navigate, and more likely to convert. No one wants to hunt for info when they’re just trying to figure out what you charge or how you help.
To read the whole tutorial, click here.
Schedule a Free Consultation with Chris McElroy SEO
