Tagged: background colors, enfold, full width sub menu
I replied that the solution here worked and it was closed, however, I found it did not work.
Thread: kriesi.at/support/topic/how-to-change-submenu-background-color/
When I added
@media only screen and (max-width: 989px) {
#top .av-submenu-container {
background-color: #000000 !important;
}
}
it id the opposite of how I had it and made the header background color Black on small screens, but it also made the background of the Full Width Menu change to black. I switched it back by removing the code and both are Green again.
What I am trying to do is have the header background Black and the Full Width Menu background transparent, but it keeps filling the header color behind the container pre-scroll instead of the using the Main Content color.
Page: http://c62.aaa.myftpupload.com/menu/
Thanks
Hi Jon!
Are you talking about mobile or desktop view? I am not sure if I get what you mean. Could you please show us on a screenshot/mockup what you want to achieve?
Best regards,
Andy
Andy,
Thanks, I got it figured out more or less.
The issue was when I would remove the background color behind the buttons on a Full Width Menu transparent. I got it to work fine, but once transparent the Full Width Menu then shows the background color of the Logo/Header area behind the buttons instead of taking on the background color of the section it is are placed in.