Trying to get the top navigation to be clickable

Technical Q&A
,

Topic summary

Main issue: Make the parent items in the Shopify Balance theme’s top navigation (e.g., “Lulujo”) clickable to view all related products, instead of only opening the dropdown.

Current behavior: Parent menu item opens subcategories only. A screenshot was provided to illustrate the “Lulujo” example.

Guidance and perspectives:

  • Usability caution: One contributor advises against making the parent clickable (touch users may struggle to open the submenu). Suggests adding an “All Lulujo” link as the first child under “Lulujo” instead. Notes that custom code edits can complicate future theme updates.

Proposed solution (code-level change):

  • Edit the theme template header-dropdown-menu.liquid (not header.liquid).
  • Replace the block around lines 19–25 to wrap the menu title with an anchor using link.url and preserve active-state styling. This makes the top-level item itself a link.

Status: A concrete code snippet was provided; no confirmation from the requester yet that it was implemented or resolved. Discussion remains open. Code snippet and screenshot are central to the proposed fix.

Summarized with AI on December 10. AI used: gpt-5.
1

How do I make the top level navigation menu clickable in Shopify?

We use the Balance theme, I have been into the header.liquid section but can’t find the relevant code

Our website is: https://www.skyrockets.co.uk/

2

Could you please mention which top section you are referring to?

Because I see that all the menus on the website are clickable and working properly.

If you could mention the top level navigation in a ScreenShot then this would be great.

Thanks

3

Hi, thank you for looking into it.

For example, the Lulujo tab only goes under the sub categories but we would like to be able to click on Lulujo and see all products not just the dropdown.

image
image204×337 11.3 KB

4

Yeah, that question comes pretty often. Not sure, maybe there are solutions already offered in forum.

I, personally would not recommend it. My suggestion would be to rather add “All Lulujo” link as the top child of “Lulujo”.

Some people have fat fingers and this may be difficult for them to easily navigate the menu where “lulujo” leads to collection page and one needs to be careful to only touch the chevron to open/close the submenu.

Also, to implement this you’d need to edit the theme code which may hinder your ability to update to a newer theme version.

5

Please open header-dropdown-menu.liquid file, replace codes in lines 19 to 25 with this code

                <a href="{{ link.url }}" class="list-menu__item link">
                  <span
                    {%- if link.child_active %}
                      class="header__active-menu-item"
                    {% endif %}
                  >
                    {{- link.title | escape -}}
                  </span>
                </a>

Screenshot 2025-12-03 at 15.38.44
Screenshot 2025-12-03 at 15.38.441552×970 118 KB