Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 13, 2014 at 2:53 pm #350656
    GOWD

    Hi,

    why in advanced styling is there no option to style the active page menu item button?

    CSS I have entered for this not working for some reason.

    The hover is working but not the text color of the current page item

    /*this is css for enfold menu*/

    /* color of active menu item */
    .header_color .main_menu ul:first-child > li.current_page_item > a { background:#FFFFFF!important; color: #25aae1!important; }

    /* hover color of active menu item */
    .header_color .main_menu ul:first-child > li.current-menu-item > a:hover { background:#FFFFFF!important; color: #25aae1!important; }

    so then I changed it to

    /*this is css for enfold menu*/

    /* color of active menu item */
    .header_color .main_menu ul:first-child > li.current-menu-item > a { background:#FFFFFF!important; color: #25aae1!important; }

    /* hover color of active menu item */
    .header_color .main_menu ul:first-child > li.current-menu-item > a:hover { background:#FFFFFF!important; color: #25aae1!important; }

    so that it said current menu item instead of current page item but no joy.

    November 14, 2014 at 4:01 pm #351275
    Elliott

    Hey GOWD!

    That option is still in beta. Try adding this.

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

    Regards,
    Elliott

    November 14, 2014 at 9:08 pm #351501
    GOWD

    Thanks Elliot, that has resolved it.

    /*this is css for enfold menu*/

    /* color of active menu item */
    .header_color .main_menu ul:first-child > li.current-menu-item > a { background:#FFFFFF!important; color: #25aae1!important; }

    .current-menu-item .avia-menu-text {
    color: #25aae1!important;
    }

    You may close this thread.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Menu CSS not working’ is closed to new replies.