Unable to remove the background color of the main menu button on mobile

  • danigomu

    (@danigomu)


    4 years, 6 months ago

    Hi everyone. I’m using the Avery template and it comes with a background color on the mobile menu button that I can’t remove. There are none of the color settings that will remove it.

    You can see it in this image: https://ibb.co/KmpZsL4

    From what I see in the CSS, this is the code that is generating the background color: 

    .mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
    background-color: rgba(0, 0, 0, 0.02);
}

    To fix it, I have added this CSS code to the custom CSS. 

    button.menu-toggle {
background-color: transparent!important;
}

    Is it possible to remove it without adding CSS? Thanks

    • This topic was modified 4 years, 6 months ago by danigomu.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter danigomu

    (@danigomu)

    4 years, 6 months ago

    Hello! I re-float the thread to see if you can help me with this matter. Thank you in advance.

    David

    (@diggeddy)

    4 years, 6 months ago

    Hi there,

    apologies that your original topic was not replied to.
    It does require CSS to remove the background.

    Thread Starter danigomu

    (@danigomu)

    4 years, 6 months ago

    Thanks for replying David 😉

    I thought it was a code glitch of the theme

    • This reply was modified 4 years, 6 months ago by danigomu.
    David

    (@diggeddy)

    4 years, 6 months ago

    You’re welcome – sorry we missed the topic first time!!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Unable to remove the background color of the main menu button on mobile’ is closed to new replies.