Menu and mega menu styles different

Hey apajo,

Thank you for the inquiry.

You can adjust the default style of the menu in the Enfold > Main Menu panel. Toggle the “Separator between menu items” settings to remove the borders between the items. And for more style options, go to the Advanced Styling panel and modify the “Main Menu Links” element.

Best regards,
Ismael

Hi,

Thank you for the update.

This is the default style of the mega menu items.

#top #header .avia_mega_div > .sub-menu > li > ul > li a {
    width: auto;
    float: none;
    display: block;
    border: none;
    padding: 3px 12px;
    font-weight: 400;
    height: auto;
    line-height: 23px;
}

While this is the style the default menu items.

#top .av-main-nav ul a {
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    line-height: 23px;
    padding: 8px 15px;
    font-size: 12px;
    min-height: 23px;
    max-width: none;
    text-decoration: none;
    font-family: inherit;
}

#top .main_menu .menu ul li > a {
    color: #fff;
    font-weight: 600;
}

They differ in font weight and size. You can use the same css code to override the default styles.

Best regards,
Ismael