loader image

4.3 Menu Scroll To Section

4.3 Menu Scroll To Section

When creating content for your website, you’ll need to organize your content into sections. This is so you can reference each section in your menu. Your menu will serve as a way for quickly scroll to a section you’d like to view. For example, clicking the About menu item will automatically scroll the page to the About section.

Please read below for detailed instructions on how to set up a one page smooth scroll navigation menu.

  1. Navigate to the Appearance > Menus tab on your WordPress admin panel.
  2. Click the “Create A New Menu” link. Give it a name, then click the “Create Menu” button.
  3. In the left sidebar, expand the “Custom Links” tab.
  4. In the “URL” field, enter your website home address and the section ID you’ve assigned to a section on your page. For example, if this menu item links to your About us section, then it would be http://www.your-website.com/#about-us. Please note that you have to enter it with a hashtag (#) in order to scroll to the section properly.
  5. Once you’ve added the Anchor Name ID to the “URL” field, enter a name for the “Link Text” field. This is simply the menu item’s text. For example, About us.
  6. When finished filling in those fields, click the “Add To Menu” button.
  7. Under the “Menu Structure” section, you’ll find all the menu items you’ve just created. Expand each menu item and edit it’s settings.
  8. Once you’re done creating your custom menu items, click “Save Menu”.
  9. You’re done. Refresh your page and check the results.

Menu

Click to close sidebar.