Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 29, 2019 at 5:38 pm #1132023
    bobfurgo

    Hi guys,

    i’m trying to chance my main men indicator color from white to red. It turns red when you scroll down, but is still white in the transparent header. I tried using the following css which didn’t work: 

    	span.avia-menu-fx {
	border-color: red !important;
}

.av-main-nav li:hover .avia-menu-fx, .current-menu-item > a > .avia-menu-fx, .av-main-nav li:hover .current_page_item > a > .avia-menu-fx {
	border-color: red !important;
}

    I also have the Main Menu Indicator set as red in the advanced styling in the theme options but this didn’t work either. Please help! :)

    August 30, 2019 at 9:54 am #1132232
    Victoria

    Hey bobfurgo,

    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_color.av_header_transparency .avia-menu-fx {
    background: #a20f0f;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 30, 2019 at 5:21 pm #1132386
    bobfurgo

    that worked perfectly, thank you victoria!!

    August 30, 2019 at 5:34 pm #1132393
    Jordan Shannon

    Hi,

    I’m glad this was resolved, If you need additional help please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘main menu indicator color’ is closed to new replies.