How to make the top level navigation menu clickable in shopify

Shopify Discussion
1

How to make the top level navigation menu clickable in shopify?

on my website : https://ameris-bloomer.com/

main top level menu is linked but menu is not working when I add dropdown menu .i am using sense theme .any solution?

2

Hi @AmerisBloomer

Please follow these steps:

  • Go to Admin => Online Store =>Theme => Edit Code. Then, find the file header.liquid and the code containing the following: “class=“header__menu-item link link–text list-menu__item focus-inset caption- large””. You will see the result like this:

view - 2023-01-16T133430.701.png
view - 2023-01-16T133430.701.png951×141 8.21 KB

  • Then you replace “{{ childlink.title | escape }}” with a new code:
"
                                    {{ childlink.title | escape }}
                                  "
  • Here is the result:

view - 2023-01-16T133533.548.png
view - 2023-01-16T133533.548.png932×161 8.98 KB

  • Then, you will find the CSS at the top of the header.liquid file and insert the following CSS:
".list-menu__item_link{
               color: #2E2A39BF;
                text-decoration:none !important
               }
              .list-menu__item_link:hover{
              color: #2E2A39;
              }"

I hope that it will work for you.

3

Should this work for all themes? Trying to find this piece of code within the newest Craft theme to ensure the top level navigation words are clickable. Even though I have added links, they do not go anywhere. Thanks!

4

Hi, I can’t Find the code i have the same Theme as AmerisBloomer

please help me out , i am trying this out for a couple of days

5

I can see it worked for you. How did you do it?

6

Hi its not working for me i just made sub buttons calling them all electronic and such to put in all the items of that category