I added the following CSS to give the menu bar a solid background on the transparent glassy header.
.av_header_transparency nav.main_menu {
background-color: rgba(0,0,0,0.5);
}
Is there a way to make the menu bar background expand to full screen width?
I tried… width: 100%; … but no luck.
Hi Ken!
To expand the menu bar please add this code to Enfold > General Styling > Quick CSS
/* Container width */
.container.av-logo-container{
max-width: 100%!important;
width: 100%!important;
}
If you still have issues please get back to us with a link to your site and a mockup so we can help you better.
Cheers!
Vinay
Thanks