Title: Menu Button Look in Responsive Menu Last modified: September 1, 2016 --- # Menu Button Look in Responsive Menu * Resolved [chemdata](https://wordpress.org/support/users/chemdata/) * (@chemdata) * [9 years, 10 months ago](https://wordpress.org/support/topic/menu-button-look-in-responsive-menu/) * I have just update from the free version 2.89 to the free version 3.1. * I like the look of the menu button in ver 2.89 but cannot duplicate it in 3.1. * Any suggestions? Thanks. * [https://wordpress.org/plugins/responsive-menu/](https://wordpress.org/plugins/responsive-menu/) Viewing 15 replies - 1 through 15 (of 20 total) 1 [2](https://wordpress.org/support/topic/menu-button-look-in-responsive-menu/page/2/?output_format=md) [→](https://wordpress.org/support/topic/menu-button-look-in-responsive-menu/page/2/?output_format=md) * Plugin Contributor [responsivemenu](https://wordpress.org/support/users/responsivemenu/) * (@responsivemenu) * [9 years, 10 months ago](https://wordpress.org/support/topic/menu-button-look-in-responsive-menu/#post-7555806) * Hi chemdata, * Not without something to look at – can you provide a URL for example and let me know what needs changing? * All the best * Thread Starter [chemdata](https://wordpress.org/support/users/chemdata/) * (@chemdata) * [9 years, 10 months ago](https://wordpress.org/support/topic/menu-button-look-in-responsive-menu/#post-7555843) * [Here is what it looks like with version 2.89:](http://goodfellows.us/images/goodmenubutton.png) * [Here is what it looks like with version 3.1:](http://goodfellows.us/images/badmenubutton.png) * I can change the color of the lines and text in 3.1 but when I enter a background color it does not seem to take. * Addition when ever I click on a menu link the menu button becomes hidden and not with an X. * Thanks. * Plugin Contributor [responsivemenu](https://wordpress.org/support/users/responsivemenu/) * (@responsivemenu) * [9 years, 10 months ago](https://wordpress.org/support/topic/menu-button-look-in-responsive-menu/#post-7555887) * Hey chemdata, * Do you have a URL I can look at as its difficult to know exactly what to suggest based on images. * I can probably provide some CSS rules for you to use if I can see the code live on the web. * All the best * Plugin Contributor [responsivemenu](https://wordpress.org/support/users/responsivemenu/) * (@responsivemenu) * [9 years, 10 months ago](https://wordpress.org/support/topic/menu-button-look-in-responsive-menu/#post-7555897) * Hi chemdata, * Please can you see if the recent update (3.0.2) fixes the background colour issue? * Thread Starter [chemdata](https://wordpress.org/support/users/chemdata/) * (@chemdata) * [9 years, 10 months ago](https://wordpress.org/support/topic/menu-button-look-in-responsive-menu/#post-7555933) * Before I could upgrade to 3.02 you already had 3.04 which is what I upgraded to. Looking much better. * I now accepted the background color and background hover color for the menu button. It does change to the hover color when I place cursor over it. It also brings up the responsive menu when I click on it. * However when the responsive menu is visible the menu button is no longer the background color I set it to. However it did retain my setting for the hover background color. * In the 2.89 version I note that you had an large X whenever it was clicked on. Is this no longer a viable option? * Thanks for all your hard work. * Plugin Contributor [responsivemenu](https://wordpress.org/support/users/responsivemenu/) * (@responsivemenu) * [9 years, 10 months ago](https://wordpress.org/support/topic/menu-button-look-in-responsive-menu/#post-7555951) * Hey there, * Can you check your styles to make sure you have no hover or focus styles which may be overriding what my plugin is trying to do. * In addition, there should be an X yes, do you have the button animation set to“ Off” or “Boring”. You need “Boring” to see an X. * All the best * Thread Starter [chemdata](https://wordpress.org/support/users/chemdata/) * (@chemdata) * [9 years, 10 months ago](https://wordpress.org/support/topic/menu-button-look-in-responsive-menu/#post-7555953) * You are correct. I had button animation set to “Off”. Changing it to “Boring” does show the X, * Where would I check to see if I have no hover or focus styles set? Thanks. * Plugin Contributor [responsivemenu](https://wordpress.org/support/users/responsivemenu/) * (@responsivemenu) * [9 years, 10 months ago](https://wordpress.org/support/topic/menu-button-look-in-responsive-menu/#post-7555954) * Hey chemdata, * Great news about the X button. * In regards the styles you will either need to check your CSS stylesheets or use the web developer tools in your browser or something like Firebug which is best. * All the best * Thread Starter [chemdata](https://wordpress.org/support/users/chemdata/) * (@chemdata) * [9 years, 10 months ago](https://wordpress.org/support/topic/menu-button-look-in-responsive-menu/#post-7555995) * As suggested I checked stylesheets and did not find any hover or focus conflicts. * Everything is working. Whenever I click the button it takes the correct action in either bring up or hiding the menu but the button itself does not take on the new colors (it now having a white background) until I click anywhere but a link. * Plugin Contributor [responsivemenu](https://wordpress.org/support/users/responsivemenu/) * (@responsivemenu) * [9 years, 10 months ago](https://wordpress.org/support/topic/menu-button-look-in-responsive-menu/#post-7556001) * Hi chemdata, * Can you please provide a URL as it’s almost impossible to debug without something to look at. * All the best * Thread Starter [chemdata](https://wordpress.org/support/users/chemdata/) * (@chemdata) * [9 years, 10 months ago](https://wordpress.org/support/topic/menu-button-look-in-responsive-menu/#post-7556004) * Here it is: [http://goodfellows.us/gfNew2015/](http://goodfellows.us/gfNew2015/) * Plugin Contributor [responsivemenu](https://wordpress.org/support/users/responsivemenu/) * (@responsivemenu) * [9 years, 10 months ago](https://wordpress.org/support/topic/menu-button-look-in-responsive-menu/#post-7556006) * Hi chemdata, * I’m afraid you do have conflicting focus and hover conflicts and quite a few of them. * The one below from line 328 of your theme styles file is whats causing the white button issue for example: * ``` a.button:focus, button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { background: rgba(0, 0, 0, 0) -moz-linear-gradient(center bottom , #ebebeb 0%, #ffffff 100%) repeat scroll 0 0; border-color: #dadada #cfcfcf #a8a8a8; border-style: solid; border-width: 1px; } ``` * Please check again and fix all the conflicting styles and all will be ok. * All the best * Thread Starter [chemdata](https://wordpress.org/support/users/chemdata/) * (@chemdata) * [9 years, 10 months ago](https://wordpress.org/support/topic/menu-button-look-in-responsive-menu/#post-7556007) * Thank you very much for your quick response. Evidently the biggest problem with responsive menu is not the plugin but my limited expertise and limited understanding of it and how it works. I will consider this matter resolved since you have provided the necessary guidance. I will go ahead and try to correct the issues you have addressed. * Again thanks for the help. * Plugin Contributor [responsivemenu](https://wordpress.org/support/users/responsivemenu/) * (@responsivemenu) * [9 years, 10 months ago](https://wordpress.org/support/topic/menu-button-look-in-responsive-menu/#post-7556012) * Hey chemdata, * The only issue is you have very generic styles (like styling all buttons on the site). You just need to make them more specific, for example tied to a class name that you can then place on elements that you wish to have that particular styling. * The trouble with global styles like you have is they affect everything intentionally or not. * I hope you manage to sort it out! * Thread Starter [chemdata](https://wordpress.org/support/users/chemdata/) * (@chemdata) * [9 years, 10 months ago](https://wordpress.org/support/topic/menu-button-look-in-responsive-menu/#post-7556041) * I thought I would follow up with following. * I noted that responsive menu had a new version (3.05) and the wp theme I was using also had a new version. I updated to both these new versions and the responsive menu no longer had the issues I pointed out as “all was right.” Don’t know whether it was the responsive menu update or the wp theme update or a combination of both but irregardless it worked perfectly. * BTW as an aside – reason I didn’t pick up on what was causing my problem in the theme style file was that I am using a child theme and checked that style.css and not the parent theme style.css. * Again thanks for all your help. It is and was appreciated. Viewing 15 replies - 1 through 15 (of 20 total) 1 [2](https://wordpress.org/support/topic/menu-button-look-in-responsive-menu/page/2/?output_format=md) [→](https://wordpress.org/support/topic/menu-button-look-in-responsive-menu/page/2/?output_format=md) The topic ‘Menu Button Look in Responsive Menu’ is closed to new replies. * ![](https://ps.w.org/responsive-menu/assets/icon-256x256.png?rev=1782326) * [Responsive Menu - Create Mobile-Friendly Menu](https://wordpress.org/plugins/responsive-menu/) * [Frequently Asked Questions](https://wordpress.org/plugins/responsive-menu/#faq) * [Support Threads](https://wordpress.org/support/plugin/responsive-menu/) * [Active Topics](https://wordpress.org/support/plugin/responsive-menu/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/responsive-menu/unresolved/) * [Reviews](https://wordpress.org/support/plugin/responsive-menu/reviews/) * 20 replies * 2 participants * Last reply from: [responsivemenu](https://wordpress.org/support/users/responsivemenu/) * Last activity: [9 years, 10 months ago](https://wordpress.org/support/topic/menu-button-look-in-responsive-menu/page/2/#post-7556054) * Status: resolved