Trying to get the top navigation to be clickable

[Skyrockets]

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/

[The_ScriptFlow]

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

[Skyrockets]

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.

[tim_tairli]

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.

[Dan-From-Ryviu]

@Skyrockets

header.liquid s

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>