# Top Navigation Menu

**URL:** <https://community.hubspot.com/t/top-navigation-menu/90644>\
**Category:** CMS Development\
**Tags:** enterprise\
**Created:** [September 27, 2023, 11:09pm UTC](https://community.hubspot.com/t/top-navigation-menu/90644 "2023-09-27T23:09:56Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![PTurangan](https://avatars.discourse-cdn.com/v4/letter/p/958977/32.png) [@PTurangan](https://community.hubspot.com/u/PTurangan)\
**Post date:** [September 27, 2023, 11:09pm UTC](https://community.hubspot.com/t/top-navigation-menu/90644/1 "2023-09-27T23:09:56Z")

</div>

Hi all,

We are having issues of our top navigation not being able to change per variation language.

For example: at the moment we have a English-US, English-AU & English-UK website all within the same URL. We have different features and service we offer to each region therefore the top navigation needs to be different. Everytime we try to change it sticks to one type of navigation (so we can’t add features or edit menu items). Hubspot has informed me that it is due to this hard code here:

`{% set bottom_menu = menu(module.bottom_menu, "site_root").children %}`

Wondering if there is a work around this? Are we able to change the code ourselves without ruining the whole website?

---

<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 28, 2023, 1:27am UTC](https://community.hubspot.com/t/top-navigation-menu/90644/2 "2023-09-28T01:27:45Z")

</div>

Hi @PTurangan the answer to your question varies as to whether you’ve built the website with a custom theme or marketplace theme - and if so, whether you have a child theme configured.

Do you have a link to share that has the navigation with the language switcher to test?

---

<div class="post-metadata">

**Author:** ![PTurangan](https://avatars.discourse-cdn.com/v4/letter/p/958977/32.png) [@PTurangan](https://community.hubspot.com/u/PTurangan)\
**Post date:** [September 28, 2023, 3:27am UTC](https://community.hubspot.com/t/top-navigation-menu/90644/3 "2023-09-28T03:27:05Z")

</div>

Hi Jennifer - it was built on a custom basis with a developer. See link below with the language variation. The one that’s currently not working is English-AU.

> **[Childcare CRM Solutions for Centres in Australia | LineLeader](https://lineleader.com/en-au/)**
>
> Discover LineLeader—Australia’s leading childcare CRM. Streamline enrolment, automate admin tasks, and enhance parent communication in one smart platform.

---

<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 28, 2023, 2:21pm UTC](https://community.hubspot.com/t/top-navigation-menu/90644/4 "2023-09-28T14:21:42Z")

</div>

Thanks for the link and additional details @PTurangan

The header would likely need to be updated in the coded files as indicated by HubSpot Support.

Typically a global header would be developed to allow you to change the content per language variation.

When you click on the header from the page editor and open the global header, are you able to see all three language variants? Can you share a screenshot?

---

<div class="post-metadata">

**Author:** ![PTurangan](https://avatars.discourse-cdn.com/v4/letter/p/958977/32.png) [@PTurangan](https://community.hubspot.com/u/PTurangan)\
**Post date:** [September 29, 2023, 12:37am UTC](https://community.hubspot.com/t/top-navigation-menu/90644/5 "2023-09-29T00:37:08Z")

</div>

Hi Jennifer,

Yes i can see the language variation as an option at the top. We used to be able to switch navigations and we actually launched the website early 2023 with different headers. So i’m not sure what is different now or what has changed.

See screenshot here:

 ![Screenshot 2023-09-29 at 10.35.12 am.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/8/82a2d56e40be92f44c21592ff31ebe932251f3c8.png)

Let me know what you think!

---

<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 29, 2023, 1:10pm UTC](https://community.hubspot.com/t/top-navigation-menu/90644/6 "2023-09-29T13:10:30Z")

</div>

Hi @PTurangan ok great - since you can see the different languages in the global content editor, when you switch to the Australia variant you should have the setting to modify the menu - what settings do you have available when you click the icon on the left sidebar (just below the language dropdown) to reveal the contents?

---

<div class="post-metadata">

**Author:** ![PTurangan](https://avatars.discourse-cdn.com/v4/letter/p/958977/32.png) [@PTurangan](https://community.hubspot.com/u/PTurangan)\
**Post date:** [October 2, 2023, 11:37pm UTC](https://community.hubspot.com/t/top-navigation-menu/90644/7 "2023-10-02T23:37:37Z")

</div>

Hi @Jnix284 i have the option to update the menu to different navigations created in the settings. The problem is that the menu that i have chosen for English-Australia variation is not matching what i have set up in the settings. See the two screenshots - you should be able to see that in the global content editor “Tour Talking Points” and “Tour Scheduler” are not visible in the editor but it is set up and saved in the settings.

 ![Screenshot 2023-10-03 at 9.35.18 am.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/4/41d7c0db3666abeb08425eaf94b75a053449191d.png)

 ![Screenshot 2023-10-03 at 9.34.31 am.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/b/0/b07bf832fcbef7742507c6385e987fcd16b94601.png)

---

<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:** [October 3, 2023, 1:41am UTC](https://community.hubspot.com/t/top-navigation-menu/90644/8 "2023-10-03T01:41:07Z")

</div>

Hi @PTurangan thank you for the additional information, I can see where you have the correct navigation selected and that the corresponding menu items aren’t showing.

Two suggestions for triggering this to update:

1 - make a change to the advanced navigation (menu) that causes HubSpot to prompt you to save your changes, then revert and save them back.

If you add another link to a page that is draft, it won’t show on your live page (any menu links with draft status are invisible) but should be enough to trigger the server to recognize a change to the menu.

2 - make a change to the Australia header and publish to all assets.

Between the two of these, it should be enough to trigger your change to show, if it doesn’t, then we’ll have to dig deeper into the code change HubSpot recommended.

Did they provide you with more details about what file the code is contained in within the theme?

---

<div class="post-metadata">

**Author:** ![PTurangan](https://avatars.discourse-cdn.com/v4/letter/p/958977/32.png) [@PTurangan](https://community.hubspot.com/u/PTurangan)\
**Post date:** [October 10, 2023, 10:19pm UTC](https://community.hubspot.com/t/top-navigation-menu/90644/9 "2023-10-10T22:19:08Z")

</div>

Hi Jennifer,

I’ve looked into the two and everything is as it should be - all the pages are live and the assets are published. See communication from the hubspot rep when I first contacted them.

Dear Pikka

As the module is custom coded, HubSpot Support is limited in the advice we can provide on how to rectify issues in the code, what we can do and have done is to identify the area of the code that is resulting in the issue!

If your team isn’t able to edit the code at this time, what I’d recommend is to set the **Bottom Menu** in the global content editor to AU LineLeader Top Navigation instead.

Alternatively, you can reach out on the[Developer’s forums](https://community.hubspot.com/t5/HubSpot-Developers/ct-p/developers?_ga=2.119249737.1151944453.1695774910-1709577959.1695774910) to get advice from developers who are well-versed in coding 🙂

Seeking your understanding here!

Best Regards,

Sara

HubSpot Support APAC

---

<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:** [October 11, 2023, 1:16pm UTC](https://community.hubspot.com/t/top-navigation-menu/90644/10 "2023-10-11T13:16:52Z")

</div>

Thanks for the additional information - maybe @Anton can offer further guidance on how best to modify the code.

---

<div class="post-metadata">

**Author:** ![Anton](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/anton/32/103167_2.png) [@Anton](https://community.hubspot.com/u/Anton)\
**Post date:** [October 11, 2023, 6:58pm UTC](https://community.hubspot.com/t/top-navigation-menu/90644/11 "2023-10-11T18:58:48Z")

</div>

Hi @PTurangan,

`{% set bottom_menu = menu(module.bottom_menu, "site_root").children %}`

will create an “list” of all of your menu items.

Why the developer has written it like this is not clear to me.

My assumption is that he set’s several menu modules into one “big” list and creates the layout for all of the menus. Haven’t seen such an approach yet since in most cases modifying the menu module or creating your own is only needed for extremly complex behaviours or layouts (even mega-menus are technically possible with out-of-the-box options).

The good news: you’re on a custom theme. This means you can modify everything.

Could you please post your whole header.html or the file this code is in - would be extremly helpful to see the whole header.html (or the file this is located in) so we get a better understanding of the behaviour

best,

Anton

---

<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:** [October 11, 2023, 7:51pm UTC](https://community.hubspot.com/t/top-navigation-menu/90644/12 "2023-10-11T19:51:00Z")

</div>

Thank you for jumping in @Anton! 🙌

---

<div class="post-metadata">

**Author:** ![PTurangan](https://avatars.discourse-cdn.com/v4/letter/p/958977/32.png) [@PTurangan](https://community.hubspot.com/u/PTurangan)\
**Post date:** [October 11, 2023, 10:01pm UTC](https://community.hubspot.com/t/top-navigation-menu/90644/13 "2023-10-11T22:01:17Z")

</div>

Hi Anton,

Thank you for helping - see screenshot for the page source code:

 ![Screenshot 2023-10-12 at 7.59.29 am.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/2/252f1da9a3c499b56c9ad1dffc48534ab769b010.png)

Let me know your thoughts!
