how to make main menu clickable in shopify

[socialbs]

I want to make mainmenu clickable in shopify

when I click on it then it shows me sub menu but I want that when i click on it , it will be rediract me show all the products that is in that collection , who select me in mainmenu backend.

I hope someone reply me soon .

Theme : Dawn; 

[dbuglab]

Hi @socialbs 

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Dbuglab

[socialbs]

URl : https://0bvfnv4pwzqyaklo-79429468453.shopifypreview.com

[Dan-From-Ryviu]

Hi @socialbs 

You can do that by adding 2 lines of code in your header-mega-menu.liquid and header-dropdown-menu.liquid files 

Line 1

<a href="{{ link.url  }}">

Line 2

</a>

[MadMarc]

nice one this solution actually works, lots of misleading replies to this question in the community overall.

Thank you for this quality reply

solution confirmed working with dawn theme 10.0

[KimmyBee]

Thanks! works with Dawn 9.0 too.

[kurtburt]

I'm on Dawn 14.0 and when I do this I lose all my css settings. 

[myl1]

Hi hi, I have the same problem with Dawn 15.0. How can I fix this? 🙂 

[Velovie]

Works on desktop but it doesn't on mobile... any advice? 

[LuxGMJewelers]

I cant believe it, ive tried everything and this was the only thing that worked! Only problem is that the menu options are now purple or blue. Is there a way to inherit the theme colors? So the purple and blue disappear

 

? Thank you so much!

[LuxGMJewelers]

@Artzen_tech 

I made a duplicate of my store and tried this:

in header mega menu liquid i added the following:

in line 19 i added:

<a style="color: inherit;{%- unless link.child_active or link.active %}text-decoration:inherit{% endunless %}" href="{{ link.url }}"><span

and in line 29 i added:

<a style="color: inherit;{%- unless childlink.active or childlink.child_active %}text-decoration:inherit{% endunless %}" href="{{ childlink.url }}">{{ childlink.title | escape }}
                               {% render 'icon-caret' %}</a>

When i preview store it works like this without showing blue or purple lines. But do you think this is a safe method? Can i add this to my original store or will there be problems? And if so can you please help me with fixing the blue and purple lines i get with your code?

i really appreciate you helping out! Thank you

[Dan-From-Ryviu]

Please update this code 

<a href="{{ link.url  }}">

To this 

<a class="link--text" href="{{ link.url  }}">

[LuxGMJewelers]

thank you, i see the lines under the menu items now, is there a way to delete that? Thank you!

 

[Artzen_tech]

Hello @socialbs 

Its Artzen Technologies! We will be happy to help you today.

I understood your problem and i have come up with a solution that will help you in achieving the desirable result.

Please go to the Navigations in the backend and follow the below screenshots.

1. Delete the submenu from navigation.

2.Add the link for collection in the main menu and click Save.

Let me know if need further assistance
Regards,
Artzen Technologies

[myl1]

Hi hi, I have the same problem with Dawn 15.0. How can I fix this? 🙂 

[Dirk]

Hey, @myl1 

I'm not formally trained in code to provide you with an exact solution to reconfigure the menu to be clickable. However, I'm confident one of our Shopify experts would be able to accomplish this at a reasonable price.
 
Just wanted to share this as an option in case you are unable to find a coding solution in your thread.