Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 6, 2015 at 4:23 pm #407060
    simonac

    Hi,
    i tried every code i found on the forum without success.

    I want the color of the menu changed when this menu is clicked / active.

    (i removed the underline)

    How can i do that?

    March 6, 2015 at 4:26 pm #407063
    Yigit

    Hey simonac!

    Please add following code to Quick CSS 

    .av-main-nav > li.current-menu-item > a {
  color: orange!important;
}

    Best regards,
    Yigit

    March 6, 2015 at 4:32 pm #407070
    simonac

    Hi Yigit,

    this does not change anything…

    If this helps, i moved the menu a bit down.

    • This reply was modified 9 years, 1 month ago by simonac.
    March 6, 2015 at 9:36 pm #407289
    Andy

    Hey!

    Yigit’s code should work. Please clear your browser cache and refresh your website a few times.

    Regards,
    Andy

    March 7, 2015 at 12:14 pm #407450
    simonac

    Hi, i have the code in quick css and cleared cache several times, tiried on dirrefent pc’s and browser. – no changes.

    Just to be clear. i want the fontcolor of the active menu to have a different color.

    Thanks Simon

    March 9, 2015 at 4:41 am #407846
    Ismael

    Hey!

    Please try this:

    .current-menu-item a .avia-menu-text {
color: red !important;
}

    Best regards,
    Ismael

    March 9, 2015 at 4:51 am #407848
    Rikard

    Hi!

    Looks like something is overriding it in enfold_child.css, try to search for #top #header .av-main-nav > li > a .avia-menu-text and remove the color argument in that CSS block.

    Regards,
    Rikard

    March 9, 2015 at 11:35 am #407972
    simonac

    Hey,

    Ismaels code worked out!

    Thanks guys!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘How to change menu color on current page + hover’ is closed to new replies.