Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 14, 2016 at 5:29 pm #660942
    yampieters

    how to change the color of the small bar below an active menu item?

    July 14, 2016 at 5:50 pm #660950
    Jordan

    Hey jelle,

    You can change the color by going to Advanced Styling in the Enfold theme options. There you can select the menu items to edit and change the highlight color there.

    Best regards,
    Jordan

    July 14, 2016 at 8:11 pm #660996
    yampieters

    hi jordan.
    i tried the whole lot, but the bar keeps on having the same color

    July 15, 2016 at 4:30 pm #661423
    Yigit

    Hi,

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

    .avia-menu-fx {
    background: green !important;
}
.html_header_top .header_color .main_menu ul:first-child >li > ul, .html_header_top #top .header_color .avia_mega_div > .sub-menu { 
border-top-color: green !important; 
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

    July 15, 2016 at 8:43 pm #661509
    yampieters

    thanks yigit, great stuff!

    July 15, 2016 at 9:00 pm #661521
    Yigit

    Hey!

    You are welcome, glad we could help! Let us know if you have any other questions or issues :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘bar below menu item’ is closed to new replies.