Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 4, 2014 at 12:46 pm #362812
    Kris1711

    Hi guys, I have a slight problem I’m sure you will be able to sort out. If you go to the website (still in development – details in private section), you will see that the top menu items hover the same colour as each section (the menu items hover same color as sidebar, sliders etc for that section of the website). What I want is when you click on a menu item, and it takes you to the section, I need the same hover affect to stay on the menu item, I’ve tried :active and different types of code and it doesn’t seem to work. I can’t waste a lot of time on this and I think you guys should be able to figure it out pretty quickly. Thanks in advance!

    December 4, 2014 at 3:06 pm #362884
    Kris1711

    Just had a fiddle, was easier than I thought lol
    .menu-item-top-level-1.current-menu-item > a

    December 4, 2014 at 3:09 pm #362887
    Kris1711

    But still, when I’m in a sub category of the main section, the colour disappears.

    Is there any way I could make it stay on the top while users are anywhere in the subcategories?

    December 5, 2014 at 12:50 am #363353
    Ismael

    Hi!

    Thank you for using Enfold.

    You can use the .current-page-ancestor class. Something like this:

    .current-page-ancestor.menu-item-top-level-3 a {
background: #832d90 !important;
color: white !important;
}

    Cheers!
    Ismael

    December 5, 2014 at 12:08 pm #363515
    Kris1711

    Amazing! Thanks a lot :)

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Menu customisation’ is closed to new replies.