# Page Section URLs for Navigation Menu

**URL:** <https://community.hubspot.com/t/page-section-urls-for-navigation-menu/116222>\
**Category:** Tips, Tricks & Best Practices\
**Tags:** free\
**Created:** [September 12, 2024, 10:31am UTC](https://community.hubspot.com/t/page-section-urls-for-navigation-menu/116222 "2024-09-12T10:31:13Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![AODonnell10](https://avatars.discourse-cdn.com/v4/letter/a/439d5e/32.png) [@AODonnell10](https://community.hubspot.com/u/AODonnell10)\
**Post date:** [September 12, 2024, 10:31am UTC](https://community.hubspot.com/t/page-section-urls-for-navigation-menu/116222/1 "2024-09-12T10:31:13Z")

</div>

Hello,

I am new to HubSpot and just started creating a simple website. It is currently a single page website that has been created from a template (I believe it was the “Growth Oriented” template) . The template included a navigation menu that links down to specific sections within page when a menu item is clicked. It looks like the template was able to reference the different sections within the page using an external URL that is represented as a hashtag reference to one of the sections on the page.

Example: the “contact us” button is associated with the external URL “#contact” which is associuated with the contact form at teh bottom of the page.

My current challenge is that I’ve expanded the page to include more sections. I’ve been able to update the menu to include new headings and sub-headings for all of the updated and added sections. However, but I do not know how to find or edit the URL hashtag references that are associated with the new sections I’ve created so they can be assigned to the corresponding navigation menu items.

---

<div class="post-metadata">

**Author:** ![jnix284](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jnix284/32/29_2.png) [@jnix284](https://community.hubspot.com/u/jnix284)\
**Post date:** [September 12, 2024, 10:56am UTC](https://community.hubspot.com/t/page-section-urls-for-navigation-menu/116222/2 "2024-09-12T10:56:57Z")

</div>

@AODonnell10 happy to help you get the menu updated. The hashtag menu items are called anchor links, the module should have a setting for the anchor links and then you would just need to update the menu to have the corresponding anchor link.

Without the theme in my account, I can’t check how this is configured - if you still have trouble finding it, I’d be happy to jump on a call to sort through it together.

---

<div class="post-metadata">

**Author:** ![AODonnell10](https://avatars.discourse-cdn.com/v4/letter/a/439d5e/32.png) [@AODonnell10](https://community.hubspot.com/u/AODonnell10)\
**Post date:** [September 12, 2024, 12:39pm UTC](https://community.hubspot.com/t/page-section-urls-for-navigation-menu/116222/3 "2024-09-12T12:39:35Z")

</div>

Thank you Jennifer for the very prompt response. This is exactly what I’ve been looking for and setting the anchors to the content worker PERFECTLY!

---

<div class="post-metadata">

**Author:** ![jnix284](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jnix284/32/29_2.png) [@jnix284](https://community.hubspot.com/u/jnix284)\
**Post date:** [September 12, 2024, 1:45pm UTC](https://community.hubspot.com/t/page-section-urls-for-navigation-menu/116222/4 "2024-09-12T13:45:27Z")

</div>

You’re welcome @AODonnell10, I’m glad you got the menu working!

---

<div class="post-metadata">

**Author:** ![SMorisch](https://avatars.discourse-cdn.com/v4/letter/s/df788c/32.png) [@SMorisch](https://community.hubspot.com/u/SMorisch)\
**Post date:** [November 11, 2024, 7:45pm UTC](https://community.hubspot.com/t/page-section-urls-for-navigation-menu/116222/5 "2024-11-11T19:45:20Z")

</div>

Hello and thank you for your answer here.

My issue is that I’ve labled the sections to work with the anchor links and they aren’t working. The anchor link should navigate to the section of the page with that title but it isn’t. I was able to make the blog anchor work, but I had to direct it to a different page. Am I doing something wrong? In another development environment, we had to tell it what section number the anchor should direct to. I’m not seeing that necessarily here.

Your help is appreciated.

---

<div class="post-metadata">

**Author:** ![MBarnes60](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/mbarnes60/32/204392_2.png) [@MBarnes60](https://community.hubspot.com/u/MBarnes60)\
**Post date:** [November 12, 2024, 2:42am UTC](https://community.hubspot.com/t/page-section-urls-for-navigation-menu/116222/6 "2024-11-12T02:42:39Z")

</div>

Hi Jennifer. I am struggling with this too. I have added anchors to and used # in the Top Navigational links but it is not working. Is the below wrong?

 ![Screenshot 2024-11-12 at 1.41.28 pm.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/e/5/e5f3219700b508b99c59312056125b5e8c489bed.png)

---

<div class="post-metadata">

**Author:** ![system](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/system/32/124_2.png) [@system](https://community.hubspot.com/u/system)\
**Post date:** [December 18, 2024, 5:09am UTC](https://community.hubspot.com/t/page-section-urls-for-navigation-menu/116222/7 "2024-12-18T05:09:15Z")

</div>

To link your new sections to the navigation menu in HubSpot, first, go to the page editor and find the ID for each new section you added (like “about” or “services”). If a section doesn’t have an ID, you can add one. Then, go to your navigation menu and update the menu items with the new section IDs (for example, “about”). After saving, clicking on the menu items will take users to the right sections on your page.

---

<div class="post-metadata">

**Author:** ![rrimibluepete](https://avatars.discourse-cdn.com/v4/letter/r/ecd19e/32.png) [@rrimibluepete](https://community.hubspot.com/u/rrimibluepete)\
**Post date:** [August 14, 2025, 7:14am UTC](https://community.hubspot.com/t/page-section-urls-for-navigation-menu/116222/8 "2025-08-14T07:14:23Z")

</div>

In HubSpot, the hashtag in a menu link (e.g., #contact) matches the section’s Anchor ID.  
Edit your page, select the section, and in Settings or Advanced, add a unique Anchor/CSS ID (like about or services).  
Then, in your navigation menu[,](https://menuwagamama.co.uk/) set the link to #thatid so it scrolls to the right section.
