Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 11, 2019 at 8:51 am #1089459
    wvanderzee

    How can I best set the styling of active menu items in the transparent header option? Currently it only works in the sticky header. The active menu item has a different color. But in the default menu state (not scrolled), the active color isn’t showed.

    I’ve set the active color in the Advanced Styling panel, using the Main menu links option.

    Other things I’ve tried, but without succes: General Styling and Custom CSS.

    Any suggestions?

    April 13, 2019 at 2:44 pm #1090358
    Victoria

    Hey Wouter,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top #header.header_color.av_header_transparency .av-main-nav > li.current-menu-item > a .avia-menu-text {
      color: #c58608;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    April 16, 2019 at 9:58 am #1091331
    wvanderzee

    Ok, fixed it with this CSS: .current-menu-item .avia-menu-text { color: #c58608 !important; }

    April 16, 2019 at 4:42 pm #1091558
    Nikko

    Hi wvanderzee,

    Glad that it’s fixed. :)
    Let us know if you need further assistance.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.