Re: Main menu is not clickable

Main menu is not clickable

VD4
Visitor
2 0 0

My main menu category's that have a drop down are not clickable. only the category's that do not have dropdown work. I have every main menu category linked to their own page, so when i click on main category it should open on that category page but, it does not. I'm only able to click what's in my dropdown menu.

 

can someone help me please,

Replies 2 (2)

Mustafa_Ali
Explorer
429 42 78

MustafA16_0-1741944899278.png

 

MustafA16_1-1741944919807.png

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

hey @VD4  first you have to listen carefully 
so second you have to follow the following images and then you have to follow the following code after that if your problem is solved then 
don't forget to like and mark it solution 

 

Bundler-Manuel
Astronaut
1030 51 122

Hello there @VD4  You should give the following steps and try and let me know if it works for you

1. Go to Online Store.

2. Click Edit code.

3. Find the Snippets folder.

4. Find the file header-mega-menu.liquid.

5. Add the <a> tag on line 19. See the example code below:

 

 

 <a href="{{ link.url }}">
                <span
                  {%- if link.child_active %}
                    class="header__active-menu-item"
                  {% endif %}
                >
                  {{- link.title | escape -}}
                </span>
 </a>
Emmanuel
Please let me know if it works by marking it as a solution!
Bundler - Product Bundles app, a great bundle app for Shopify, with glowing user testimonials and a free plan.