Unable to change Mobile Menu Background

  • Resolved brianspeck

    (@brianspeck)


    6 years, 6 months ago

    Built a quick/simple site for my friend’s band at wiseoldmoonband.com.

    At desktop size, the navigation menu does and looks like how I want. As soon as you view on tablet/mobile size, when the navigation turns into the three lines and MENU text, the background of that dropdown menu is a dark blue that I can’t find anywhere in my Customize menu and I appear to be unable to change.

    In Customize>Colors>Primary Navigation, all my background options are set to the same thing: rgba(34,34,34,0.52), and yet the blue persists.

    Any help? Thanks!

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author Tom

    (@edge22)

    Hi there,

    I’m seeing this CSS somewhere:

    @media (max-width: 768px) {
    .main-navigation .main-nav ul li a, 
    .main-navigation .main-nav ul li a:hover {
        background-color: rgba(21,14,83,0.95);
    }
}

    You’re using Autoptimize, so I can’t see where it’s coming from.

    Hope this helps ??

    pro-tip; you can disable Autoptimize on a per-request basis by adding ?ao_noptimize=1 to the URL @edge22 ??

    hope this helps debugging,
    frank (ao dev)

    Theme Author Tom

    (@edge22)

    You’re the man, Frank. That will come in handy! Thank you!

    It looks like the CSS is inside “Customize > Additional CSS” ??

    AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Hello brianspeck,

    Add below css code into your current active child theme’s style.css file or you can add additional css option in theme customizer.

    @media (max-width: 768px) {
  .main-navigation .main-nav ul li a, 
  .main-navigation .main-nav ul li a:hover {
    background-color: rgba(0, 0, 0, 0.49);
  }
}

    Hope this will helps you.

    Thanks.

    Thread Starter brianspeck

    (@brianspeck)

    Didn’t realize there was that CSS editor in the Customzier – opened it up, found the CSS that Tom mentioned, removed it and everything is fixed! Thanks guys

    Theme Author Tom

    (@edge22)

    Glad we could help! ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Unable to change Mobile Menu Background’ is closed to new replies.