How to Use the Menu Anchor Widget in Elementor

In this tutorial, we learn how to use the Menu Anchor Widget. This helpful widget allows you to create pages with internal smooth scrolling.

This tutorial will cover:

✔ How to insert the Menu Anchor widget into your website
✔ Linking to a Menu Anchor from a button
✔ Linking to a Menu Anchor from a menu
✔︎ And much more!

Don’t forget to subscribe to our channel!

[stephenlevine]

Thanks for the video. How can you use the widget to connect to another page of the site?

[VIPdanielVIP]

Great video, thank you! Are there any other "animation" styles there? I mean how it scrolls to the section - to make it a bit smoother :)

[paulpattynama]

Thank you for getting me to learn about the cmd E short cut. Very helpful.

I'm using the Menu Anchor for quiet a while now, but I always have trouble to get to the exact top of the required page. And to make it more complex, it also differs from device to device. You can understand this is very annoying. I already got some CSS code from Elementor but that didn't solve the problem. Anyone other suggestions?

[davespurs]

Excellent precious tutorial. I even learnt a shortcut "Control E". Keep them coming.

[robert-cope]

If I have a site with a sticky menu, and use the anchor link method you showed us, then the top of the area linked gets hidden by the sticky menu. Is there a way around this?

[saiywet]

I want to make Lo-Fi soft and today i started to soft soft tutorials. I see that you are teacNice tutorialng us very carefully and simple, i like that

[BneiAnusim]

I have a SPA site and the menu is sticky and links to anchors on the page. So is there a way to highlight the current menu after being taken to an anchor?

[dominikkurina]

Thanks so much, saved me a lot of time on that menu option.

[shxkenup]

The only tutorial that actually works. Thank you.

[ashwing]

i have a trouble in redirecting. i have created a single page landing website it contains home, about, products and contact but in products section i created separate pages for every products.in that products page i like to go to my about section through menu bar. how to archive it ? please help me to solve this.

[AntGeezer]

To this day I have never used the Elementor ‘Finder’ feature and I don’t know why!

[cf]

I'm looking for a link to a BLOCK (center section) on a different page. Is this possible?

[TrellatEstudioCreativo]

Hi folks! Great video! Is there any issue with anchor widget in mobile view? It doesn't work as it's expect.

[theMr.K]

Why do we need to use anchor widget at all when we can use css id from the section's advanced option...???🤔🤔🤔

[marianobarrionuevo]

Hello, what happens if I have a long page... because I follow your steps, but the scroll down it's too fast to the final section

[susanrogers]

Hi There, This is very helpful. I am editing a site set up by someone else. We added some stuff so now the anchor tags need to move down slightly. I cannot see the grey anchor box to edit it. Is there a way to reveal it in elementor if it is hidden?

[wuyanchu]

very useful tutorial, thx and god bless u, regards from hong kong ^_^

[maciekkk]

Can I use Absolute Position for Anchor Widget - Section Start?
or is it very bad idea?
Most of the time I like my section to start 40 or 100 px above header section depends of the look and using anchor margin/padding unfortunetly stretch the space between sections/elements which is not I want. Adding anchor widget to section or column above doesn't give much or any control.
I found only absolute position can start section exactly where I intended. Maybe Anchor widget could be updated so it can be moved by margin/padding on x-axis top layer if that is safer solution to absolute position - Idk.

[albertusmagnus]

If you have sticky header, how to add top indent to anchor same like header height?

[dalewyatt]

Can you slow ease into the anchor points? The video shows the website stoping abruptly after each click on the menu.