Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 3, 2019 at 2:34 pm #1073953
    andras

    Hi,

    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?

    Thanks,
    Andras

    March 3, 2019 at 11:16 pm #1074067
    Mike

    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,
    Mike

    March 4, 2019 at 8:37 am #1074226
    andras

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

    Cheers,
    Andras

    March 4, 2019 at 11:49 am #1074307
    Nikko

    Hi andras,

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

    Best regards,
    Nikko

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