How can I replace a click listener with an href in a Dawn template menu?

[Fabi23]

I've created a Mega Menu using the Dawn template and subsequently added code in header.liquid to avoid having to click on my header to expand this menu. Then, I wanted to make it possible to click on "Products" to be led to the collections via an <a href>. However, the click listener for the menu still exists, causing it to close and open.

The question is: Where can I find this click listener and subsequently replace it with an href?

As an example, the "Products" tab should function similarly to what is found at https://www.esn.com/en.

[Dan-From-Ryviu · Accepted solution]

Hi @Fabi23 

Dan here from Ryviu: Product Review & QA app. 

You can do that by following this instruction

Go to your Online store > Themes > Edit code > open header-dropdown-menu.liquid and header-mega-menu.liquid files, find those lines of code (from line 19th-25th)

                <span
                  {%- if link.child_active %}
                    class="header__active-menu-item"
                  {% endif %}
                >
                  {{- link.title | escape -}}
                </span>
                {% render

Change to this and save the file

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

[Fabi23]

This works perfectly.

Thank you very much!

[Dan-From-Ryviu]

You are very welcome