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.
-
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
Here is what it looks like with version 2.89:
Here is what it looks like with version 3.1:
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.
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
Hi chemdata,
Please can you see if the recent update (3.0.2) fixes the background colour issue?
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.
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
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.
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
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.
Hi chemdata,
Can you please provide a URL as it’s almost impossible to debug without something to look at.
All the best
Here it is: http://goodfellows.us/gfNew2015/
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
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.
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!
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.
The topic ‘Menu Button Look in Responsive Menu’ is closed to new replies.