Remove Hamburger menu background color

  • Resolved Deb Shadovitz

    (@debshadovitz)


    6 years, 8 months ago

    Over a year ago I somehow added a color to the background of my Customizr hamburger menu and I don’t want it but I can’t figure out how to get rid of this color. I should be able to find the code and remove it but I can’t find that code.

    This is Customizr Pro.

    I have combed my Child theme’s CSS but can’t identify the culprit.
    I don’t have code for this in the Customizr interface’s CSS panel.
    I can’t find anything in the Customizr interface.
    I have looked at the Customizr documentation but don’t see it there either.

    I have looked in Firefox’s developer tools menu and then tried this, which didn’t work:

    .btn-toggle-nav {
background: none;
}

    From Firefox’s developer tools menu it may also be:
    btn menu-btn

    Can anyone help me to identify the css to remove my background?

    Both WordPress and Customizr Pro are up to date but I created this issue over a year ago, in case that matters.

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

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

  • Hello Deb Shadovitz,

    You can remove the background color of toggle menu with the help of custom css. You need to apply the given css in your style file.

    .btn {
background-color: none !important;
}

    I hope the above was helpful.

    Kind regards,

    Manoj

    Thread Starter Deb Shadovitz

    (@debshadovitz)

    Hello Manoj
    Unfortunately, that didn’t remove the color. Insane, isn’t it?
    It was more general than I prefer to have on my sites, but if it had worked I’d be able to relax with this. Thanks so much for trying.

    It’s making me crazy.

    • This reply was modified 6 years, 8 months ago by Deb Shadovitz.

    class=”btn-toggle-nav pull-right”

    background-color: yellow; (whateveryouwant)

    View post on imgur.com

    Thread Starter Deb Shadovitz

    (@debshadovitz)

    Thank you for the photo @rengeiw. I thought I was going crazy and getting stupid.
    So now I am certain that it is: btn-toggle-nav pull-right

    For those who wonder, this works to put a green on the menu background:

    .tc-header .navbar .btn-toggle-nav {
background-color: #77e81c;	
}

    However, change to:
    background-color: none;
    and the blue appears again.
    Even with 

    .tc-header .navbar .btn-toggle-nav {
background-color: none !important;	
}

    So I was now back to finding the actual culprit rather than being able to override it. In my CSS I had defined a default button and put that blue background. I thought I needed it for all the other buttons, and maybe I did in 2014 when I started using Customizr and before I bought Customizr Pro, but now removing that background color hasn’t changed my other buttons.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Remove Hamburger menu background color’ is closed to new replies.