How Do I Make The Top Level Link Clickable On The header Menu?

How Do I Make The Top Level Link Clickable which have child links On The header Menu?

theme: craft

link: https://aesthetix0.myshopify.com/

thank you

Hi @hitesh01 ,

Please follow these steps:

  • Then find the file “header-dropdown-menu.liquid”

  • Find the following code:

                <span
                  {%- if link.child_active %}
                    class="header__active-menu-item"
                  {% endif %}
                >
                  {{- link.title | escape -}}
                </span>
  • Replace with the following code:
                <a href="{{ link.url }}"
                  {%- if link.child_active %}
                    class="header__active-menu-item"
                  {% endif %}
                >
                  {{- link.title | escape -}}
                </a>

Hope it helps @hitesh01

I had the same issue, and @BSS-Commerce your solution helped me a ton!

I have one problem though… it changed the parent menu items to purple/blue with a line underneath. Is there a way to remove the color and the line, so it looks like the other menu item that doesn’t have any child items?

Here’s the site: https://64762d-5b.myshopify.com/

Not working anymore :(((