Main menu category's not clickable only drop down menu

[Shopadude]

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. i have hover over menu on so when i do click on main category nothing happens. I want it to go to its own page.

can someone help me please, I've been on this for days now.

[DanCodes]

Can you share the link to your store?

[Shopadude]

https://qualityhomeselections.com

pw: h

The hover option works but as soon as you get off category it disappears instead of being able to click on one of the sub menus underneath.

[DanCodes · Accepted solution]

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>

[Shopadude]

Thank you very much! that worked! 

[Shopadude]

Hey dan,

after fixing the problem with clicking main category, the colors on the first 2 changed to purple.

i looked over the theme settings and it is set correctly.

how can i get the colors back to white like the original?

[DanCodes]

1. Go to Online Store.

2. Click Edit code.

3. Find the assets folder.

4. Find the file base.css.

5. Add  code below: 

details >.header__menu-item a {

color: inherit;

} 

details[open]>.header__menu-item {

text-decoration: none;

}