Good day

I'm working on a website, and I'm using k2 exclusively for all my content. I currently have a k2 tools module in a sidebar, using the Categories (List) option.

So far it's working ok, but I've noticed it shows all the categories and the subcategories at the same level. I'm trying to change the css so that subcategories (level 1) only appear when you hover on the parent category, but I'm a bit lost and I can't make it work.

As the items in the list don't have a unique identifier, I'm not sure how can I discriminate when the parent is being hovered, vs any other level 0 category.

Is there a way to do this?

Thanks in advance!

Hello Carlos,

This post will be really helpful css-tricks.com/child-and-sibling-selectors/

This will help you with the styling of the menus.

Thanks for your prompt answer!

I'll see if I can make it work with the child selector, thanks!

Just in case

Top level elements Only
Second leveletc..