Hi,
I am trying to add two new submenus to my navigation menu on my website. I am trying to have the two drop downs linking to specifc parts of a page. Please see my website: https://www.sytorus.com/
I am trying to add two dropdowns under the “Data Protection Academy” tab called “Free Webinars” and “Premium Training” that both link to their sections that are on the main Data Proptection Academy page. Essentially i want the dropdowns to anchor link to their appropriate sections of the Data Protection Academy page. I have tried following a blog post tutorial that i found from Hubspot but as you can see, they just bring you to the top of the Data Protection Academy page.
Can anyone help with this?
I looked at your code and it seems you have everything correct except the menu links include an additional quote mark at the end.
See in the screenshot how your links are these which include quote marks in odd spots?
[https://www.sytorus.com/data-protection-academy#free\_webinars
"
](https://www.sytorus.com/data-protection-academy#free_webinars")
https://www.sytorus.com/data-protection-academy#
"
premium_training
"
When you click on the links in your header menu you would need them to go to these locations.
https://www.sytorus.com/data-protection-academy#free_webinars
https://www.sytorus.com/data-protection-academy#premium_training
Hi Jacob, thank you for coming back to me but im unsure what you mean by quote mark at the end. The title of the section where the anchor link needs to be directed to is the “Webinar Calendar” and “Premium Training Courses”
You need to update the href links in your menu because they contain quote marks that break the functionality of the page scrolling to the proper ID’s.
Are you using a HubSpot menu for your header navigation or is it custom coded?
Yes i am using a hubspot menu
Hi, I see what you mean. I didn’t need the quotation marks in the link too. That has worked for me thanks.
