Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1073953


    I’m struggling to solve the following issue: I’d like to highlight the active menu item in the top menu, but I’d still like the highlighted colour to be overwritten by the transparency settings.

    The solution posted here works in general, but it also overwrites the transparency options.

    Any ideas?



    Hey andras,
    If I understand correctly, you would like the “current-menu-item” to be highlighted only if the transparent header is not present.
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .av-main-nav>li.current-menu-item>a>.avia-menu-text,.av-main-nav>li.current-page-ancestor>a>.avia-menu-text {
      color: red!important;
    #header.av_header_transparency .av-main-nav>li.current-menu-item>a>.avia-menu-text,#header.av_header_transparency .av-main-nav>li.current-page-ancestor>a>.avia-menu-text {
      color: white!important;

    Best regards,


    Thank you Mike for the prompt help, it works perfectly!



    Hi andras,

    Glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Highlight active menu item (overwritten by transparency options)’ is closed to new replies.