How to link Menu to Sections in Elementor Pages

Menu items can be linked to sections in Elementor pages. What does that mean? When you click on a menu item, the page will scroll to a certain section - click to see image.

There are two way to achieve this

  1. Elementor Menu Anchor Widget
  2. Section ID

1. Elementor Menu Anchor

The first step is to add a menu anchor widget in the place where you want the page to be scrolled. If you want to be a specific section, just add the menu anchor widget at the beginning of the section. Then assign it an id that will be used in the menu item link.

When editing the menu, which can be done in Dashboard->Appearance->Menus, you have to use a custom link. Copy the URL of the page where the section is, and add at the end of this URL #id, where id is the one set to the menu anchor.

That's it.

2. Section ID

Another approach is by using the section ID option of Elementor. While editing a section, check the Advanced ta on the left sidebar and add an ID.

After that, the id can be used in a menu item with a custom link, at the end of the URL corresponding to the page where the section is.

That's it, you can see the effect below.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.