Main Menu not clickable categories

Solved

Main Menu not clickable categories

leandroluessi
New Member
5 0 0

I have the problem with my store that the main menu is not clickable, only the dropdown menu. I linked for each menu a category but you can't click it, only the sub-categories in the menu. Is someone able to help me? I read a lot that I have to change the liquid code for the header-dropdown-menu-liquid and I tried with chatGPT but I am not able to fix it.


Store link: https://letto-design.com/

Thanks and BR

Accepted Solution (1)

vinh0225
Shopify Partner
128 26 24

This is an accepted solution.

Hi @leandroluessi 

 

Please follow these steps:
1. From your Shopify admin, go to Online Store > Themes.
2. Find the theme that you want to edit, click the ... button to open the actions menu, and then click Edit code.
3. Open the file snippets/header-dropdown-menu.liquid and find the following snippets:

              <summary
                id="HeaderMenu-{{ link.handle }}"
                class="header__menu-item list-menu__item link focus-inset"
              >
                <span
                  {%- if link.child_active %}
                    class="header__active-menu-item"
                  {% endif %}
                >
                  {{- link.title | escape -}}
                </span>
                {% render 'icon-caret' %}
              </summary>

And update it like this:

              <summary
                id="HeaderMenu-{{ link.handle }}"
                class="header__menu-item list-menu__item link focus-inset"
              >
                <a
                  href="{{ link.url }}"
                  style="text-decoration: unset;"
                >
                  <span
                    {%- if link.child_active %}
                      class="header__active-menu-item"
                    {% endif %}
                  >
                    {{- link.title | escape -}}
                  </span>
                </a>
                {% render 'icon-caret' %}
              </summary>

4. Save the file and check.

That's it. So you can redirect a page when you click top menu. And when you click arrow button, you can see the child menus.
Please let me know if you have any concern.

 

Regards,

Vinh

Was my response useful?  Click Like to let me know!
Was your query resolved? ✓ Mark it as a Resolved Solution
If you need custom Shopify changes, ️you can hire me.
Contact me at  ✉️ jalicorich@gmail.com.

View solution in original post

Replies 2 (2)

vinh0225
Shopify Partner
128 26 24

This is an accepted solution.

Hi @leandroluessi 

 

Please follow these steps:
1. From your Shopify admin, go to Online Store > Themes.
2. Find the theme that you want to edit, click the ... button to open the actions menu, and then click Edit code.
3. Open the file snippets/header-dropdown-menu.liquid and find the following snippets:

              <summary
                id="HeaderMenu-{{ link.handle }}"
                class="header__menu-item list-menu__item link focus-inset"
              >
                <span
                  {%- if link.child_active %}
                    class="header__active-menu-item"
                  {% endif %}
                >
                  {{- link.title | escape -}}
                </span>
                {% render 'icon-caret' %}
              </summary>

And update it like this:

              <summary
                id="HeaderMenu-{{ link.handle }}"
                class="header__menu-item list-menu__item link focus-inset"
              >
                <a
                  href="{{ link.url }}"
                  style="text-decoration: unset;"
                >
                  <span
                    {%- if link.child_active %}
                      class="header__active-menu-item"
                    {% endif %}
                  >
                    {{- link.title | escape -}}
                  </span>
                </a>
                {% render 'icon-caret' %}
              </summary>

4. Save the file and check.

That's it. So you can redirect a page when you click top menu. And when you click arrow button, you can see the child menus.
Please let me know if you have any concern.

 

Regards,

Vinh

Was my response useful?  Click Like to let me know!
Was your query resolved? ✓ Mark it as a Resolved Solution
If you need custom Shopify changes, ️you can hire me.
Contact me at  ✉️ jalicorich@gmail.com.
leandroluessi
New Member
5 0 0

Hi Vinh0225

 

This worked out for me! Unfortunately now the categories appear in blue color instead of black. Do you know how to resolve this?