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?
Topic summary
A user is trying to configure their website’s navigation menu so that clicking on \
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.
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.
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.
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?
.mega-menu__link--level-2[title="Inredning"]+ul { display: none; } .mega-menu__link--level-2:hover+ul { display: block; }