Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 9, 2017 at 5:56 am #730966
    paultho

    The active menu in the footer menu is currently displaying the same colour as the active menu in the main navigation menu.

    This was set using the following quick CSS.

    li.current-menu-item > a > .avia-menu-text {
    color: #032ca0!important;
    }

    However, this also sets the active menu to the same colour in the footer. This is not ideal as the footer has a different background colour and the highlighted menu is not very obvious.

    Can you let me know the quick CSS that would allow me to have a different colour active menu in both the main menu and the footer.

    Thanks

    Paul

    January 9, 2017 at 12:12 pm #731087
    Vinay

    Hey paultho,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    
footer li.current-menu-item > a > .avia-menu-text {
color: gold!important;
}

    Are you using a child theme to add custom code? Please check http://kriesi.at/documentation/enfold/using-a-child-theme/

    Best regards,
    Vinay

    January 9, 2017 at 8:59 pm #731287
    paultho

    Hi Vinay,

    That didn’t seem to make any difference. I wonder if the previous CSS that I used is overwriting this?

    i.current-menu-item > a > .avia-menu-text {
    color: #032ca0!important;
    }

    Thanks

    Paul

    January 9, 2017 at 10:28 pm #731315
    Basilis

    Hey!

    If you remove it, does it solve the issue? ( and keep Vinay code )

    Regards,
    Basilis

    January 10, 2017 at 8:05 am #731431
    paultho

    I just tried this. It removes the active menu highlights in both the main menu and in the footer.

    Let me know what other ideas you have?

    Thanks

    Paul

    January 10, 2017 at 8:16 am #731435
    Basilis

    Hey!

    .footer li.current-menu-item > a > .avia-menu-text {
color: gold!important;
}

    try vinay code like that please and let us know

    Cheers!
    Basilis

    July 29, 2017 at 10:24 am #831427
    paultho

    Hi Basilis,

    Sorry for not replying back sooner.

    The custom CSS above didn’t seem to make any difference.

    Any other ideas on how to make the active menu on the footer use a different colour from the main menu?

    Thanks

    Paul

    July 29, 2017 at 7:38 pm #831591
    Mike

    Hi,
    I believe your previous CSS is blocking the changes, Can you please include a admin login in the private content area so we can take a closer look.

    Best regards,
    Mike

    July 31, 2017 at 5:02 am #831949
    paultho
    This reply has been marked as private.
    August 1, 2017 at 12:33 pm #832809
    Yigit

    Hi Paul,

    I changed your code to following one

    .main_menu li.current-menu-item > a > .avia-menu-text {
color: #024175!important;
}

    and then added following code to bottom of Quick CSS

    #socket li.current-menu-item > a > .avia-menu-text {
    color: #ffffff !important;
}

    Please review your website

    Best regards,
    Yigit

    August 1, 2017 at 1:37 pm #832860
    paultho

    Hi Yigit,

    Yes that worked a treat! – Thanks very much for your help.

    Paul

    August 1, 2017 at 2:07 pm #832874
    Yigit

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Change color of Active Menu in Footer’ is closed to new replies.