Button background color and menu hide not working

Hi there,

I hope you are well, please see some responses below:

In one of your css files “custom-css” you have a style display: inline-block; with an !import tag on the item you are trying to hide so you will need to remove that for it to work.

Alternatively, try using “.nav-container.top-1-navigation” instead and see if that works.

This has the side effect of making the button always work too.

In regards the button colour you have a load of other button styles for background-image, box-shadows etc. that will you need to look at and fix.

I hope the above helps.

All the best

Hey,

Can you see if the recent 3.0.2 update fixes the background colour issue you are seeing?

All the best

Hi,

I updated to the latest 3.0.4. Before that, I was able to sort out the hidden menu issue by using custom css.

Regarding the button color, are you referring to button styles in my styles.css file? I would expect the plugin to apply any changes I make to button color, etc.

The menu is still unresponsive. Now it’s even worse. It won’t open at all.

Thanks

Hi queen,

No im saying you already have custom styles setup which are blocking mine, you need to remove these. You are using the !important tag which is bad practise as it means nothing else can modify it as is seen in the issue you are having.

Once I removed this the menu worked fine for me so you just need to remove this in your CSS.

All the best

Thanks. I saw what you were talking about. So the colors are ok now. I will try to remove the !important tags I have in my custom css where they aren’t needed. I know it’s bad practice, so thank you. ?? (Learning as I go along)

The only issue I still have is the responsiveness of the menu button. When I click on it, it doesn’t open. Well, sometimes it does, but most of the time it doesn’t. Any ideas on what could be causing this? Something else in my custom css or some setting?

Hi queen,

You have an element called .hide-screen-fixed which occassionally comes on and has a z-index of -1 which kills the menu.

Im not sure what its for or when it gets triggered but it makes the menu unresponsive.

Actually on further look it may not be this but you have lots of other elements around that seem to be interfering with the menu and being layered over it occassionally.

Its quite hard for me to pin point the exact layer that is causing it and what is or isnt triggering it.

If you have created the elements, styles and javascript yourself it may be worth removing parts bit by bit to see what is the offending part. If you do it through plugins then its worth disabling them one by one until you find the culprit and the same with themes.

I hope that helps!

Thank you very much for trying to help, but I had to go with another plugin. For some reason, other plugins don’t have any issue with responsiveness, even with all of my custom css.

Best regards.

Hey queen,

Great news that you found one that works for your specific needs.

If you need anything else in future please let me know.

All the best