Menu Navigation Drop Down Clickable

Store Design
1

Hello,

I would like to make my menu navigation parent links clickable. Mainly I would like the Help Center one to be a drop down on hover for quick access of most commonly needed resources but also have the main parent be clickable to take them to the full Help Center page. Maybe making the Shop link take people to all products would be a bonus but having the all products in the menu works just fine.

Thanks in advance for help on this!

image

2

website: https://qz26pn-cv.myshopify.com/ password: bagono

3

@GoombaGrows please check if you have set menu link for help center from navigation settings

4

Hi @GoombaGrows

  • Go to Shopify Admin → Online Store → Navigation
  • Open your Main Menu
  • Find the parent item (e.g., Help Center)
  • Click on it and add a link (URL)
  • Example: select your Help Center page
  • Click Save

Best regards,
Devcoder :laptop:

5

@GoombaGrows

Which theme are you using?

Please check the following thread. This is similar topic that you posted. Hope this helps you.

6

Hi @GoombaGrows

Most Shopify themes prevent parent links from being clicked when a dropdown is active. You can alter it by modifying the header menu code so the parent element retains its href attribute and still activates the submenu. Search for the header.liquid or navigation.liquid file and remove the logic that swaps out the parent link for a button element. This keeps the dropdown, and the link can be clicked again.

7

Attempted 4 different post similar before posting but for some reason none of their fixes work for mine. Likely because I am using shrine pro theme so some things are renamed and coded differently. Thank you!

8

Links are set for both! Shop is set to all products and Help center is set to the Help Center page.

9

Links are set for both!

10

This fixed it!! Thank you :slight_smile: