Header menu child items not rendering in HTML

dmac5 · a month ago

I'm using one of the Hubspot base themes and I've created a menu item 'Services' with child pages: Repairs, Restoration.

The menu is set to max-levels: 2, Enable flyouts, and Static - always show top-level pages.

The menu preview shows the child items correctly.

But the issue is these child items arent showing in the html markup.

Im stumped as to why this is.

Anton · a month ago

Hi @dmac5,

there might be at least 4 things happening:

something is unpublished. Check the global partial of the header/menu and click update/publish in the top right corner. Also check the navigation(settings -> content-> ...)
If you're using multilanguage-variations, make sure you have created a language variation of the global partial with the same language. For example: If you have English and German variations, the global partial needs to have those exact same variations. English-US, English-UK, German-AT, German-CH are technically their own variations and won't work if your page(s) are set to "English" and "German"...
Cache hickup. Clear your browser cache first. If this doesn't do the job, clear the HubSpot cache by editing the Header HTML part (settings -> Content -> Pages). Adding a simple "space" is enough and saving it is enough
If you're using a custom module, it might be a code error

best,

Anton

View solution in original post

Anton · a month ago

Hi @dmac5,

there might be at least 4 things happening:

something is unpublished. Check the global partial of the header/menu and click update/publish in the top right corner. Also check the navigation(settings -> content-> ...)
If you're using multilanguage-variations, make sure you have created a language variation of the global partial with the same language. For example: If you have English and German variations, the global partial needs to have those exact same variations. English-US, English-UK, German-AT, German-CH are technically their own variations and won't work if your page(s) are set to "English" and "German"...
Cache hickup. Clear your browser cache first. If this doesn't do the job, clear the HubSpot cache by editing the Header HTML part (settings -> Content -> Pages). Adding a simple "space" is enough and saving it is enough
If you're using a custom module, it might be a code error

best,

Anton

dmac5 · a month ago

Hey Anton,

I'm an **bleep**. I was editing the wrong website header, as there were so many themes in the root folder.

All good and the submenu is there.

Appreciate your help!

dmac5 · a month ago

Hey Anton,

Appreciate your reply!

As far as I can tell, all of the modules, partials are 'published'. It's a strange one, when I go into the active theme (Base), then > Design Manager > website-header and preview it, I can see the dropdown.

I dont think we need a language switcher due to our local market, so I will turn that off.

Regarding code error, is there a way to debug with Hubspot?

I did a test to see if I could add in child pages to a menu item in the Footer and I can see the list item has a class of 'hs-has-children', so the child items are triggering something but not getting output.

<li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript&colon;;" aria-haspopup="true" aria-expanded="false" role="menuitem">Test</a></li>
<li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://www.permacoat.com.au/blog" aria-haspopup="true" aria-expanded="false" role="menuitem">Test</a></li>

The problem I also have is the caching, guessing its all going through a CDN so it takes ages to see if theres any changes. Would be great is there was a direct clear cahe button.

CMS Development