Hello, I have set so my logo is on top of my menu, so I would like to have my menu background in a different colour than the rest of my header. Is it posible?. I’ve looked for solutions but I dont seem to find any topic similar to what I need.
Hey fmotionmedia,
Thanks for getting in touch with us!
Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help and see if we can help with some custom CSS code for you :)
Best regards,
Jordan
Thnx Jordan, heres the link to my site and a link to an image of what we hope to achieve. The difference is in the header, on the menu.
Hi,
Please try the following in Quick CSS under Enfold–>General Styling:
#header_main_alternate {
background-color: yellow !important;
}
Regards,
Rikard
Wow, you guys are awesome, always on point. Thnx a lot. Is there a way to extend this to the sub-menu that display from the main menu?? I tried
.sub-menu {
background-color: yellow !important;
}
but it didnt work.
Hi,
Please change the submenu background color from Enfold > Advanced Styling > Main Menu Sub Level Links > Background Color
If that does not help please use the below css
.header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a {
background-color: #ffd015!important;
}
Best regards,
Vinay
Thnx a lot once more, that did it. Is there a way to close the thread or mark it as something?? BTW this support forum is great.
Hi!
Thanks a lot for your kind words!
Please do not hesitate to contact us if you need anything else.
Best regards,
Basilis