line too wide

Hi!

Active and hovered menu items have that bottom line and sub menu items have top border. What you are actually seeing is line below active menu item and top border of sub menu items. It would not look right if we tried to make that line smaller. Do you have any alternative solution you have in mind? Maybe to remove borders and indicators in Enfold theme options > Header > Header Style?

Best regards,
Yigit

Hi,

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

.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: none;
}

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

Best regards,
Yigit