Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #380501

    I replied that the solution here worked and it was closed, however, I found it did not work.

    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.


    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,


    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.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘How To change submenu background color (continued)’ is closed to new replies.