Title: 3bar button Last modified: August 30, 2016 --- # 3bar button * Resolved [David_G](https://wordpress.org/support/users/questas_admin/) * (@questas_admin) * [10 years, 9 months ago](https://wordpress.org/support/topic/3bar-button/) * I cannot figure out the correct selector for changing the color for the 3bar menu on mobile devices. I want to change it to black and hover to red. Thank You. Viewing 15 replies - 1 through 15 (of 21 total) 1 [2](https://wordpress.org/support/topic/3bar-button/page/2/?output_format=md) [→](https://wordpress.org/support/topic/3bar-button/page/2/?output_format=md) * [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/) * (@rdellconsulting) * [10 years, 9 months ago](https://wordpress.org/support/topic/3bar-button/#post-6457710) * Link to site? * Thread Starter [David_G](https://wordpress.org/support/users/questas_admin/) * (@questas_admin) * [10 years, 9 months ago](https://wordpress.org/support/topic/3bar-button/#post-6457724) * aandsmobileauto.com * [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/) * (@rdellconsulting) * [10 years, 9 months ago](https://wordpress.org/support/topic/3bar-button/#post-6457842) * Try this: * ``` .navbar .btn-toggle-nav .icon-bar { background: black none repeat scroll 0% 0%; } .navbar .btn-toggle-nav .icon-bar:hover { background: red none repeat scroll 0% 0%; } ``` * Thread Starter [David_G](https://wordpress.org/support/users/questas_admin/) * (@questas_admin) * [10 years, 9 months ago](https://wordpress.org/support/topic/3bar-button/#post-6457923) * That didn’t work. * [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/) * (@rdellconsulting) * [10 years, 9 months ago](https://wordpress.org/support/topic/3bar-button/#post-6457924) * May be a misunderstanding. Should have changed the 3 x bars to black? * Thread Starter [David_G](https://wordpress.org/support/users/questas_admin/) * (@questas_admin) * [10 years, 9 months ago](https://wordpress.org/support/topic/3bar-button/#post-6457946) * Firebug is showing this for the 3bar but it also doesn’t work. Any other ideas? * `navbar .btn-toggle-nav .btn` * [Rocco Aliberti](https://wordpress.org/support/users/d4z_c0nf/) * (@d4z_c0nf) * [10 years, 9 months ago](https://wordpress.org/support/topic/3bar-button/#post-6457955) * Slightly different version of the one rdell gave you: * ``` .navbar .btn-toggle-nav .icon-bar { background-color: black; } .navbar .nav-collapse.in + .btn-toggle-nav .icon-bar, .navbar .btn-toggle-nav.hover .icon-bar { background-color: red;} ``` * Hope this helps. * Thread Starter [David_G](https://wordpress.org/support/users/questas_admin/) * (@questas_admin) * [10 years, 9 months ago](https://wordpress.org/support/topic/3bar-button/#post-6457970) * Thanks d4z, that helped a little. The hover turns red but the static bars are still refusing to change. * [Rocco Aliberti](https://wordpress.org/support/users/d4z_c0nf/) * (@d4z_c0nf) * [10 years, 9 months ago](https://wordpress.org/support/topic/3bar-button/#post-6457973) * You have this: * ``` .navbar .btn-toggle-nav .icon-bar, { background-color: black; } ``` * while should be: * ``` .navbar .btn-toggle-nav .icon-bar{ background-color: black; } ``` * why that comma? * Thread Starter [David_G](https://wordpress.org/support/users/questas_admin/) * (@questas_admin) * [10 years, 9 months ago](https://wordpress.org/support/topic/3bar-button/#post-6457978) * I was trying to combine the snippets. It’s still not working. * [Rocco Aliberti](https://wordpress.org/support/users/d4z_c0nf/) * (@d4z_c0nf) * [10 years, 9 months ago](https://wordpress.org/support/topic/3bar-button/#post-6457981) * What’s this? * ``` /* Change the color of all the Social Icons */ .navbar-inner a.social-icon {color:blue;} /* Header */ footer#footer .colophon a.social-icon {color:blue;} /* Footer */ font-size: 2em; } ``` * what’s that * ``` font-size: 2em; } ``` * ? which is just above the new rule and outside any other rule? Remove that or just put it inside some css rule. * Thread Starter [David_G](https://wordpress.org/support/users/questas_admin/) * (@questas_admin) * [10 years, 9 months ago](https://wordpress.org/support/topic/3bar-button/#post-6457984) * It works now. Thanks a lot. 🙂 * [infobeckettgraphics](https://wordpress.org/support/users/infobeckettgraphics/) * (@infobeckettgraphics) * [10 years, 9 months ago](https://wordpress.org/support/topic/3bar-button/#post-6457995) * Are you all seeing the responsive menu button (along with the text menu links) in google chrome on wide desktop mode? I don’t see the button in Firefox. I have“ regular (horizontal)” as design. For some reason, the DIV element is being activated in Chrome. Also, the button does not work, it’s just displaying the button in Chrome. * Thread Starter [David_G](https://wordpress.org/support/users/questas_admin/) * (@questas_admin) * [10 years, 9 months ago](https://wordpress.org/support/topic/3bar-button/#post-6458039) * Why is this conflicting with the 3bar code? When this is inactive then the 3bar is black (which is what I want) but when this snippet is active then I lose the black color on 3bar. * ``` /* Change the color of all the Social Icons */ .navbar-inner a.social-icon {color:blue;} footer#footer .colophon a.social-icon {color:blue;} ``` * [Rocco Aliberti](https://wordpress.org/support/users/d4z_c0nf/) * (@d4z_c0nf) * [10 years, 9 months ago](https://wordpress.org/support/topic/3bar-button/#post-6458053) * infobeckettgraphics: your issue is most likely due to a caching plugin which isn’t loading the latest css, or to something you have in your child-theme. could you open a new topic? * [@questas_admin](https://wordpress.org/support/users/questas_admin/) there’s no conflict with those two lines at all. The problem is, most likely, that your removed: `font-size: 2em;` * but not the `}` * as I told you above. You have this commented now: * ``` /* Change the color of all the Social Icons */ /*.navbar-inner a.social-icon {color:blue;} footer#footer .colophon a.social-icon {color:blue;} }*/ <- this ending } .. what's this? ``` * What’s that ending `}` ? Viewing 15 replies - 1 through 15 (of 21 total) 1 [2](https://wordpress.org/support/topic/3bar-button/page/2/?output_format=md) [→](https://wordpress.org/support/topic/3bar-button/page/2/?output_format=md) The topic ‘3bar button’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/customizr/4.4.24/screenshot.png) * Customizr * [Support Threads](https://wordpress.org/support/theme/customizr/) * [Active Topics](https://wordpress.org/support/theme/customizr/active/) * [Unresolved Topics](https://wordpress.org/support/theme/customizr/unresolved/) * [Reviews](https://wordpress.org/support/theme/customizr/reviews/) ## Tags * [d4zlook](https://wordpress.org/support/topic-tag/d4zlook/) * 21 replies * 4 participants * Last reply from: [David_G](https://wordpress.org/support/users/questas_admin/) * Last activity: [10 years, 9 months ago](https://wordpress.org/support/topic/3bar-button/page/2/#post-6458083) * Status: resolved