When you use Elementor’s Menu Anchor element, it will be hidden from the user end, and you can add it to any WordPress menu, regardless of whether the user is logged in. First, find the text you want to hyperlink and click on the link icon in the Elementor editor. With this method, you can navigate to any section, from any page. Adding an anchor link in WordPress Elementor is a simple process. Now, change the navigation label filed as you like and finally set the ID of the target section in the last option called ' Link/anchor ID' You may need to save the menu once and reload it again to see all the options of the menu items. Open your Menus menu and add your homepage to your menu, You need to use your homepage as the new menu item and by changing the ' link/anchor ID' parameter, it will navigate to the target section from any page. The use of free, highly regarded plugins and templates. In this case, you need to do something different. Ill demonstrate how to create a one-page WordPress website in this lesson using Astra and Elementor. How to scroll to a section of a page, from another page?

Then navigate the Appearance -> Menus in your dashboard and edit your navigation menu.Īdd a new menu item as Custom link and in the URL field, set the unique CSS ID that you used in step 1. In the Advanced dropdown, set a unique name in the CSS ID field.

Set that CSS ID as the URL for your menu itemįor step 1, edit your page in the Elementor page builder, select your section and go to the Advanced tab.

Assign a name as CSS ID to your section on the page.

Let say you have a single-page website so that the links in your navigation menu, are supposed to point to different sections on the same page. How to add menu items to scroll to sections on the same page?

Wordpress elementor menu anchor