Clickable Parent Menu Item

Store Design
, , ,

Topic summary

A user wants to make parent menu items in their Shopify navbar clickable when they contain submenus.

Solution Provided:

  • Wrap the parent menu item text (e.g., “Water Fed Poles & Accessories”) in an <a> tag within the theme code
  • The specific location is shown in attached screenshots with line numbers
  • Add CSS class "link link--text focus-inset menu-list__item" for proper styling

Outcome:

  • The solution successfully made the parent item clickable
  • Minor styling issues remain but can likely be fixed through the theme customizer
  • The issue is resolved with the user expressing gratitude
Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.
1

I want to add a link to the parent item of the sub menu in my navbar menu items, is their a way to do it?

Thanks in advance

Attached Image for better understanding.

Hesepim_2-1725598231381.png

2

Hi @Hesepim ,

Use the instructions told in the attached image then let me know.

topnewyork_0-1725603624237.png
topnewyork_0-1725603624237.png999Ă—371 143 KB

Then do the following, as you can see the line number in first image, is where you have to wrap the span under tag for water fed poles & accessories to work.

topnewyork_1-1725603678393.png

For styling add this: class=" list-menu__item link link–text focus-inset"

topnewyork_2-1725603694627.png

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!
1 Like
3

@topnewyork , thank you so much. It is working. It has some styling issues but I guess that can be fixed from the theme customizer.

Thanks again.