I have an issue with the hamburger menu (neuron site), no colours are showing across all viewpoints and browsers (and in the Elementor backend). This behaviour started recently. Attaching you a screengrab of the code, you can see that the colour is there, but not showing.
I have 3 different headers using the same setup but in different styles/colours, same is happening to all of them. I have checked and double checked, all looks good in the settings and in the code.
I have updated the theme, Neuron Core (v.2.1.2), Elementor, etc. all to the latest versions. I have also installed Font Awesome plugin, toggled the Elementor setting for Font Awesome, added a new hamburger in the same container with new colours, etc. There is no caching enabled either. Nothing works out unfortunately.
It's a pw protected staging copy, hence I can link to it for you to see. Pls let me know if you need more info.
It was getting a display none CSS code so we've added the following code to Appearance > Customize > Additional CSS, and now you can set to it the color you want.
Great, thanks! But why was that happening all of a sudden? Did I do something to provoke it or is it a code glitch by the theme/Elementor? Basically, what should I do for the future, keep this custom CSS addition or will it get fixed in an update?
As you can see from the screenshot that was not coming from our theme, it's coming from a custom plugin or anything else so you need to keep that CSS code that we've sent you.
Ok! Wow, that's what I was trying to establish, where is this coming from in first place?!
It is actually not a plugin but an SVG image file generated by Adobe Illustrator! This is a custom icon I uploaded in Elementor's divider element. The SVG code inserts and overrides that element:
<style type="text/css"> .st0{display:none;}
I'm sharing it here in case someone else has the same problem.
Hi,
I have an issue with the hamburger menu (neuron site), no colours are showing across all viewpoints and browsers (and in the Elementor backend). This behaviour started recently. Attaching you a screengrab of the code, you can see that the colour is there, but not showing.
I have 3 different headers using the same setup but in different styles/colours, same is happening to all of them. I have checked and double checked, all looks good in the settings and in the code.
I have updated the theme, Neuron Core (v.2.1.2), Elementor, etc. all to the latest versions. I have also installed Font Awesome plugin, toggled the Elementor setting for Font Awesome, added a new hamburger in the same container with new colours, etc. There is no caching enabled either. Nothing works out unfortunately.
It's a pw protected staging copy, hence I can link to it for you to see. Pls let me know if you need more info.
Thank you!
Dmitri
Forgot to mention that on refresh it shows briefly for half a second or less...
Hi Dmitri,
Can you please provide me with your WP-admin, I will have a quick look to see what's going on.
Feel free to ask for anything you need.
Kind Regards
Hi,
It was getting a display none CSS code so we've added the following code to Appearance > Customize > Additional CSS, and now you can set to it the color you want.
/* Hamburger Color */ .a-hamburger-holder .st0 { display: block !important; }Feel free to ask for anything you need.
Kind Regards
Great, thanks! But why was that happening all of a sudden? Did I do something to provoke it or is it a code glitch by the theme/Elementor? Basically, what should I do for the future, keep this custom CSS addition or will it get fixed in an update?
Thanks!
Hi Dmitri,
As you can see from the screenshot that was not coming from our theme, it's coming from a custom plugin or anything else so you need to keep that CSS code that we've sent you.
- https://prnt.sc/uqmal9
Feel free to ask for anything you need.
Kind Regards
Ok! Wow, that's what I was trying to establish, where is this coming from in first place?!
It is actually not a plugin but an SVG image file generated by Adobe Illustrator! This is a custom icon I uploaded in Elementor's divider element. The SVG code inserts and overrides that element:
<style type="text/css">
.st0{display:none;}
I'm sharing it here in case someone else has the same problem.
Thank you guys for the quick reply and solution!
Cheers
Glad to know that you understood it
.
If you like our theme, please leave us a rate with 5 stars at ThemeForest, that would help us a lot.
Kind Regards,
NeuronThemes
Rated 5 stars! ;)
Thanks again!
Thank you very much.
Feel free to ask for anything you need.
Kind Regards