Add menu background-image

Hey HeeHA,

By under the menu do you mean as background for the link?

Best regards,
Jordan Shannon

Hi,

Can you give us a link to your site so we can check? do you want to use the same color as the main menu in the screenshot?

Best regards,
Nikko

Hi,

Based on the layout that you gave, I assumed the Menu and Logo Position is set to Logo (Left, Right or Center), Menu Below, same as what is used on this demo: https://kriesi.at/themes/enfold-construction/ then go to Enfold > General Styling > Quick CSS then add this css code:

#top #header_main_alternate {
    background: #2659f2;
    background: -moz-linear-gradient(top, #2659f2 0%, #7db9e8 100%);
    background: -webkit-linear-gradient(top, #2659f2 0%,#7db9e8 100%);
    background: linear-gradient(to bottom, #2659f2 0%,#7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2659f2', endColorstr='#7db9e8',GradientType=0 );
}

.html_header_top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li > a {
    background-color: transparent !important;
}

You can use background image on the first block of code, Let us know if this helps :)

Best regards,
Nikko