Change the Background Color/Text Color of the 3-Bar Menu dropdown

Note :This snippet works only with the Classical style option. More about the theme style option here

Last Reviewed: 2-Apr-15 (3.3.13) 3.1.* 3.2.* 3.3.*

Where to copy/paste this code?
The simplest way is to use the Custom CSS section of the customizer option screen. If you have many customizations to make in CSS and PHP, then we strongly recommend you create a child theme. Everything you need to know about creating a child theme with Customizr here.

Related Snippets you may also like

2 thoughts on “Change the Background Color/Text Color of the 3-Bar Menu dropdown

  • Rob Holland

    Hi, I am trying to make the 3-bar menu dropdown have different colors than the regular menu (preferably, I’d like to change my link colors as they are currently white and blend into the white background). I have noticed here and elsewhere that everyone says to use “.nav-collapse .nav” coding to do this. However, with every code snippet I’ve tried, including the one above, it modifies both the regular menu as well as the 3-bar menu dropdown. Has something changed within the Customizr framework where references to “.nav-collapse .nav” now affect all menus rather than just the 3-bar menu dropdown? Thank you for your help!

  • alexandrospiperakis

    Hello and thank you for your time. I m using your code but it seems that it doesn’t cover more than 1/4 of the bar that I want to. How can i change the width of it in order to fully cover that bar. To your own information the bar is now on default colour ( white) can you help me fix it? I am brand new to coding html.

    I appreciate your time and patience.

Comments are closed.