# This is from the documentation # https://shopify.dev/docs/api/app-bridge/previous-versions/actions/menu/navigation const itemsLink = AppLink.create(app, { label: 'Items', destination: '/items', }); const settingsLink = AppLink.create(app, { label: 'Settings', destination: '/settings', })…

Hey @aldrien , It seems recent App Bridge changes may have broken .set({ active }). The recommended fix is to re-create the NavigationMenu with the active item each time the route changes: window.navigationMenu = NavigationMenu.create(app, { items: navItems, active: navItem, // the matched App…

Hi @rajweb - thanks for your reply. Yes seems the recent changes to AppBridge breaks something. Btw, when you say “make sure each destination path exactly matches window.location.pathname” What I really do/need is similar to this logic (which works before): const optimizeImagesLink = AppLink.cre…

Thanks for clarifying and yes, your approach makes perfect sense. This logic should work, and it did work before, but recent App Bridge updates (especially in v3+) seem to have broken the .set({ active }) method, or made it unreliable when called after initialization. Recommended Fix (Reliable App…

I will try your suggested approach and let you know after. Thank you :slightly_smiling_face:

Hello again @rajweb - i tried, but still not working. I forgot to re-mention (as i tried again) the basic nav logic from documentation. It still not setting the Settings nav unless you click it and visit the actual page which is the default behavior. const itemsLink = AppLink.create(app, { …

Same here, the navigaton menu is not working properly when the active menu item should be set because one of its nested elements is active. The active element for the NavigatonMenu is set properly through the code, but it is ignored by Shopify and the app-bridge renders some other menu item as acti…

Did you find a solution by any chance?

I am facing a similar issue. We should create a topic here: https://community.shopify.dev/c/app-bridge/19 . This forum is for developers, while this one is more aimed at shop owners.

I already made a workaround to fix this issue on our Rails app. Incase you do the same way I did - just make the Main navigation as single destination (path) For example: const sampleLink = AppLink.create(app, { label: “Sample”, destination: ‘/sample’ }); Then, make your submenu/paths like /samp…

Shopify Navigation Menu cannot set active menu

Shopify Discussion

SiarheiKaravai May 12, 2025, 1:17pm 9

NavigationMenu.create does not work as well.

It looks like app-bridge detects the active link by itself using “destination”

Topic		Replies	Views
AppBridge navigationMenu.set({active: settingsLink}); not working Shopify Apps third-party-apps	0	34	March 20, 2023
AppBridge NavigationMenu.Set({Active: SettingsLink}); Not Working Tools	1	39	March 20, 2023
NavMenu with nested active link Shopify Discussion	0	85	July 25, 2025
Plain JavaScript app bridge NavigationMenu can't make home nav item active Tools troubleshooting	1	58	February 2, 2024
Embedded App Bridge Navigation Not Shown Shopify Apps third-party-apps	2	344	May 30, 2025

Shopify Navigation Menu cannot set active menu

Related topics