Keyword

K2 tools as a vertical menu

  • Carlos Martin
  • Carlos Martin's Avatar Topic Author
  • Offline
  • New Member
More
8 years 10 months ago #144386 by Carlos Martin
K2 tools as a vertical menu was created by Carlos Martin
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!

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
8 years 10 months ago #144394 by Krikor Boghossian
Replied by Krikor Boghossian on topic K2 tools as a vertical menu
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.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • Carlos Martin
  • Carlos Martin's Avatar Topic Author
  • Offline
  • New Member
More
8 years 10 months ago #144396 by Carlos Martin
Replied by Carlos Martin on topic K2 tools as a vertical menu
Thanks for your prompt answer!

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

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
8 years 10 months ago #144408 by Krikor Boghossian
Replied by Krikor Boghossian on topic K2 tools as a vertical menu
Just in case

Top level elements Only
.k2CategoriesListBlock ul.level0 > li {  }
.k2CategoriesListBlock ul.level0 > li > a {  }

Second level
.k2CategoriesListBlock ul.level1 > li {  }
etc..

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum