Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 21, 2014 at 12:17 pm #338964
    tredition

    Hi!

    I would like to change the size and color of our main and top menu:

    But all the codes that I found in this forum does not work at our site.

    Can you help me?

    Regards

    Sandra

    October 21, 2014 at 5:21 pm #339126
    Yigit

    Hey tredition!

    Please go to Enfold theme options > Advanced Styling and edit “Main menu links”

    Best regards,
    Yigit

    October 22, 2014 at 11:02 am #339435
    tredition
    This reply has been marked as private.
    October 22, 2014 at 4:12 pm #339521
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .sub_menu>ul>li>a:hover, .sub_menu>div>ul>li>a:hover {
color: white !important;
}

    Best regards,
    Yigit

    October 23, 2014 at 10:22 am #339987
    tredition

    Thanks! But that did not work.

    But this works:
    .menu-item-2752>a:hover {color: #46b57a !important;}

    Cheers! Sandra

    October 23, 2014 at 10:50 am #339991
    tredition

    Now a last question.

    I would like to highlight the current link in the top menu that is activated. I used this code in quick css:

    #top .av-main-nav > li.current-menu-item a  {
color: #46b57a;
}

    But it does not work.

    What do I have to change?

    Regards, Sandra

    October 23, 2014 at 12:50 pm #340047
    Yigit

    Hi!

    Please try following 

    nav.sub_menu .current-menu-item a {
color: #46b57a!important;
}

    Best regards,
    Yigit

    October 23, 2014 at 11:01 pm #340369
    tredition

    That’s it! Thanks a lot!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Quick css for main and top menu changes does not work’ is closed to new replies.