The Menu Anchor widget helps you to build smooth scrolling navigation within a webpage.
Linking to a Menu Anchor from a button
- Insert the Menu Anchor widget at the beginning of the section which you would like the page to be scrolled to.
- Title your anchor in The ID of Menu Anchor section.
- Head to the button from where you will redirect your customers to the anchor.
- Find the Link section and add #YourAnchorID.
Note:
When using the widget a gray box will appear in its place on 10Web Builder. However, on the live website the box will not be visible.
Linking to a Menu Anchor from a menu
- Insert the Menu Anchor widget at the beginning of the section which you would like the page to be scrolled to.
- Head to WordPress Dashboard > Appearance > Menu section and choose the menu that you wish to edit.
- Click on Custom Links on the left menu.
- In the URL section, type #YourAnchorID.
- Set a navigation label and Save.
Important:
You can only use menu anchors within the same page. They are not designed to function across different pages.
Advanced tab
You can customize the widget further using the settings available in the Advanced tab. These options provide additional styling and functionality adjustments, allowing you to tailor the widget to better fit your design needs.