How did you do the sub menu? I can't see any indication for sub navigation links in the source code. Can you post a screenshot of how the advanced menu looks like?
Also it seems that there is a issue with the mobile navigation.
Do you use a free template or did you wrote it by yourself?
sure. Or maybe you've deleted the "add the file/script to <head>" hubl 🙂
First:
open your blog template in the design manager
look on the right sidebar inside the "additional <head>" area. Is it empty? If yes:
search in the left sidebar for mobile-menu-min.js
once found, open it and click on options(in the top area of the left sidebar) and copy the public url
go back to your blog template and write this code inside the "additional <head>" area
<script src="PASTE-THE-URL-HERE"></script>
save the template
open your blog and test it
does this work? If yes:
cut the code from the "additional <head>" area and insert it inside the footer group(within a rich-text module or better with a HTML-module which can be found in the marketplace for free)
If this won't work you shouldwalk trough the tutorial I've posted in the first answer. But: The tutorial was done with the old design manager which looked a bit different. But the necessary things are still the same
How did you do the sub menu? I can't see any indication for sub navigation links in the source code. Can you post a screenshot of how the advanced menu looks like?
Also it seems that there is a issue with the mobile navigation.
Do you use a free template or did you wrote it by yourself?
It's(in your case) the most important class in the header group. With this class you have the dropdown and mobile functionality(you can find all the settings in "mobile-menu.min.js" file)
Furthermore a tip: Don't try to rewrite template parts by yourself if you don't know what is what and what has dependencies to what 🙂
It's always easier to change the existing styling which were made by the template maker by inspecting them - search for the class/ID in the CSS and edit it.
Another tip: duolicate the vanilla files before editing them. By that you have to switch between the "original" and "your" version with ease.
Thank you for getting back to me. I search for the class custom-menu-primary in my css file and its not there. Could this be the issue.
FYI - I don't remove any css when im tweaking a template I always note it out and add my own element as to be able to set back to the original if needed.
Can you point me in the correct direction for how to fix this issue please as I am very new to HubSpot.
sure. Or maybe you've deleted the "add the file/script to <head>" hubl 🙂
First:
open your blog template in the design manager
look on the right sidebar inside the "additional <head>" area. Is it empty? If yes:
search in the left sidebar for mobile-menu-min.js
once found, open it and click on options(in the top area of the left sidebar) and copy the public url
go back to your blog template and write this code inside the "additional <head>" area
<script src="PASTE-THE-URL-HERE"></script>
save the template
open your blog and test it
does this work? If yes:
cut the code from the "additional <head>" area and insert it inside the footer group(within a rich-text module or better with a HTML-module which can be found in the marketplace for free)
If this won't work you shouldwalk trough the tutorial I've posted in the first answer. But: The tutorial was done with the old design manager which looked a bit different. But the necessary things are still the same