Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #910729

    Hi, how can I change the background color of the mobile submenu?

    Thanks.

    #910918

    Hey DROR,

    It’s a semitransparent background, you can adjust it with this CSS:

    @media only screen and (max-width: 990px) {
    .av_header_transparency .sub-menu {
        background: rgba(255,255,255,0.3) !important;
    }
    }

    Best regards,
    Rikard

    #910952

    How can I make it not transparent and with a background color of – #54a9b9?

    #910969

    Hi,

    You can use this code for that:

    @media only screen and (max-width: 990px) {
    .av_header_transparency .sub-menu {
        background: #54a9b9 !important;
    }
    }

    Hope this helps.

    Best regards,
    Nikko

    #910980

    I tried that but it did make any difference.

    #911007

    Hi,

    Hmmm, can you try to use this instead:

    @media only screen and (max-width: 990px) {
      #top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
        background-color: #54a9b9;
      }
    }

    Best regards,
    Nikko

    #911107

    That changes the background of the entire menu and the submenus still have the same color as before.

    #911132

    Hi,

    My bad, please use this code instead:

    @media only screen and (max-width: 990px) {
      #top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul .sub-menu li a {
        background-color: #54a9b9 !important;
      }
    }

    Best regards,
    Nikko

    #911167

    Bingo :) Thanks!

    #911177

    Hi,

    Glad we could help. Thanks for using Enfold :)

    Best regards,
    Nikko

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘How to change color of mobile sub menu?’ is closed to new replies.