How to navigate collection

[Hugobrunto]

Hi, 

I can't figure out how to do here. When I press on "belysning" on my website, I want all these "subcategories" marked in red to be displayed. Any solution how to fix this problem? 

[rifat_Shop]

@Hugobrunto 

Hi,

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.mega-menu__link--level-2[title="Belysning"]+ul {
    display: none;
}
.mega-menu__link--level-2:hover+ul {
    display: block;
}
</style>​

Hope this can help you, let me know
Thank you

[Hugobrunto]

Thanks Rifat for your kindly help, 

I'm sure this coding will fix this problem. But is there a way to link it without coding? I'd love to learn how by your help. If there are a solution on this without coding I can easily link correctly for future collections that I create. 

Right now when I click on "Belysning" it is showing all products I have in the store, but I want it to show all the collections marked in red. I put those categories below "Belysning" (see 2nd picture) and they are also collections that i've created. But the problem is that there are no option to link "Belysning" to all those categories below. I can only link it to one category of them, not all. 

[rifat_Shop]

@Hugobrunto your theme have not any options for now.
you need to do it by code i as i know,
Please like and mark the solution that helped you.
Thank you 

[Hugobrunto]

Thanks Rifat, I will definitely do that. Would you kindly adjust the coding so that I can also use it correctly for an additional three collections: "Inredning", "Möbler", and "Trädgård & utemöbler", to display all the underlying products in these categories?

Will it work if I just replace the word like this? 

<style>
.mega-menu__link--level-2[title="Inredning"]+ul {
display: none;
}
.mega-menu__link--level-2:hover+ul {
display: block;
}
</style>​ 

[rifat_Shop]

@Hugobrunto, its should be work, please let me know
if not work, also dont shyness to dm if you need any kind of help.

Thank you

[rifat_Shop]

@Hugobrunto Found it helpful? Please like and mark the solution that helped you.
Thank you

[Arif_Shopidevs]

@Hugobrunto 

Could you elaborate on your situation? Right now, the submenu is displayed by default. Do you want it to be hidden and only show when the mouse hovers over it? Currently, when you click the button, it takes you to the 'Collections' page.

[Hugobrunto]

Hi Arif, absolutely. 

Right now when I click on "Belysning" it is showing all products I have in the store, but I want it to show all the collections marked in red. I put those categories below "Belysning" (see 2nd picture) and they are also collections that i've created. But the problem is that there are no option to link "Belysning" to all those categories below. I can only link it to one category of them, not all.