Tagged: background colors, enfold, full width sub menu
Having some issues with Quick CSS customizing a Full Width Sub Menu.
I have it looking just how I want it on the desktop version seen here It has a transparent background, the correct colors ect.
I adding in all my code, but in the but when shrunk down the mobile/table header background is Green when it should be Black.
Issue is I can change it to Black up the background of my Full Width Sub Menu pre-scroll also changes to Black when it should be Green like it is now.
Here is my code so far
#top .av_header_glassy.av_header_transparency #header_main {
background-color: rgba(0,0,0,0.5);
}
#top .av-submenu-container {
background-color: transparent !important;
}
#top .av-subnav-menu li a {
background-color: transparent !important;
}
#top .av-subnav-menu li a > .avia-menu-text {
color: #FF6000; font:strong;
}
#top .av-submenu-container, #top .av-subnav-menu li a { border: none!important; }
.header_bg {
background: rgba(0, 0, 0, 0.8) !important;
}
#main {
padding-top: 0 !important;
}
apologizes, I forgot it in the first post
http://c62.aaa.myftpupload.com/menu/
Hi!
Add this at the very bottom of the Quick CSS:
@media only screen and (max-width: 989px) {
#top .av-submenu-container {
background-color: #000000 !important;
}
}
Remove browser cache then reload the page.
Cheers!
Ismael
awesome, I guess I was over thinking it.
Thanks for the solution.