Dawn Theme - How do i make the collection name clickeable while having collection dropdown enabled?

Store Design
, , ,
1

Is it possible to make the collection menu clickeable while having a menu dropdown enabled? I have the main collection on the menu and the subcollections on the dropdown, but for some reason i can’t click on the main collection, when i do this the page doesn’t go to the whole collection, it just opens the dropdown menu, if possible i’d like that the dropdown menu opened while having the mouse over the text and when someone clicks on the collection name it opens the collection page, my store page is https://bellezinho.com.br/

2

Hi,

You can achieve this functionality by using the JavaScript snippet below. Insert the code between your tags.

If you’re unfamiliar with this process, you can install our custom-code-inserter app and follow the tutorial here: https://files.sgt-lab.com/56e1084d1714660255.webm

Here is what the result looks like after the fix:

https://files.sgt-lab.com/823725fa1714661018.webm

After inserting the code, make sure it is activated and reload the page. Let us know if this helps!

3

That code made the arrow invisible, and there’s no way for the client to know that there is a dropdown menu, it’s still clickeable, but i want the dropdown menu to be shown when the mouse is over the collection,

4

I tried it with this one, the dropdown menu is still not showing when the mouse is over the collection name, when i click the collection link it doesn’t go to the collection page, it goes to the first subcollection in the dropdown menu.

5

It worked perfectly! Thank you so much!

6

Is there a way to make the collection clickable on mobile? And to the customer to go to subcollections they’ll need to click on the arrow on the right of the menu, when you click on the collections on mobile it opens the subcollection menu.

7

That worked perfectly! Thank you!

8

the answers are deleted, can you please tell what the solution was?