Hello and thank you for this great piece of art of a theme!
Can you please guide me to a css solution to change the color of the burger "icon" - the 3 bars and X ? Inlcuding support for dark / light color change depending on the section below it?
Tried and it works with visible navigation / other theme skin. But I have it fully transparent and color values are ignored as I am doing it.
So the Burger icon on the top-right is ignoring the color given in the settings since I have a transparent header. If I enable the header background the coloring is visible but I need to set the burger color like the site is right now. I also think this is theme skin related: in some theme skins the color value is used in other it is ignored.
Can you help please? Added a new ticket with another issue with the logo visibility.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
#header-outer.transparent.side-widget-open .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a i.lines, #header-outer.transparent.side-widget-open .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a i.lines:before, #header-outer.transparent.side-widget-open .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a i.lines:after, #header-outer.transparent.directional-nav-effect.side-widget-open .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i, #header-outer.transparent.directional-nav-effect.side-widget-open .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:after, #header-outer.transparent.directional-nav-effect.side-widget-open .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:before, #header-outer.transparent.side-widget-open .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a i.lines, #header-outer.transparent.side-widget-open .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a i.lines:before, #header-outer.transparent.side-widget-open .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a i.lines:after, #header-outer.transparent.directional-nav-effect.side-widget-open .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i, #header-outer.transparent.directional-nav-effect.side-widget-open .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:after, #header-outer.transparent.directional-nav-effect.side-widget-open .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:before, #header-outer.transparent .midnightHeader.light header#top nav ul .slide-out-widget-area-toggle a i.lines, #header-outer.transparent .midnightHeader.light header#top nav ul .slide-out-widget-area-toggle a i.lines:before, #header-outer.transparent .midnightHeader.light header#top nav ul .slide-out-widget-area-toggle a i.lines:after, #header-outer.transparent .midnightHeader.light .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after{
background-color:#a0d329 !important;
}
Hello and thank you for this great piece of art of a theme!
Can you please guide me to a css solution to change the color of the burger "icon" - the 3 bars and X ? Inlcuding support for dark / light color change depending on the section below it?
Thank you!
Hey Again,
Try adjusting these options : http://prntscr.com/l6oitq and http://prntscr.com/l6oj6a .
Best
ThemeNectar Support Team
Tried and it works with visible navigation / other theme skin. But I have it fully transparent and color values are ignored as I am doing it.
So the Burger icon on the top-right is ignoring the color given in the settings since I have a transparent header. If I enable the header background the coloring is visible but I need to set the burger color like the site is right now. I also think this is theme skin related: in some theme skins the color value is used in other it is ignored.
Can you help please? Added a new ticket with another issue with the logo visibility.
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
#header-outer.transparent.side-widget-open .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a i.lines, #header-outer.transparent.side-widget-open .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a i.lines:before, #header-outer.transparent.side-widget-open .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a i.lines:after, #header-outer.transparent.directional-nav-effect.side-widget-open .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i, #header-outer.transparent.directional-nav-effect.side-widget-open .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:after, #header-outer.transparent.directional-nav-effect.side-widget-open .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:before, #header-outer.transparent.side-widget-open .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a i.lines, #header-outer.transparent.side-widget-open .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a i.lines:before, #header-outer.transparent.side-widget-open .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a i.lines:after, #header-outer.transparent.directional-nav-effect.side-widget-open .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i, #header-outer.transparent.directional-nav-effect.side-widget-open .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:after, #header-outer.transparent.directional-nav-effect.side-widget-open .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:before, #header-outer.transparent .midnightHeader.light header#top nav ul .slide-out-widget-area-toggle a i.lines, #header-outer.transparent .midnightHeader.light header#top nav ul .slide-out-widget-area-toggle a i.lines:before, #header-outer.transparent .midnightHeader.light header#top nav ul .slide-out-widget-area-toggle a i.lines:after, #header-outer.transparent .midnightHeader.light .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after{ background-color:#a0d329 !important; }Thanks
ThemeNectar Support Team
Added this code but does not change anything that I can notice. Thank you
Hey Again,
Please provide the page url so that i can write up the custom css for whats possible.
Thanks
ThemeNectar Support Team
The css is not getting saved: http://prntscr.com/l9uy9c .
Your PHP Settings are likely not correct. Also ensure you are running PHP version 7.1 and not 7.2 as its incompatible .
You can verify your PHP configuration limits by installing a simple plugin called WordPress phpinfo http://wordpress.org/extend/plugins/wordpress-php-info/
Recommended PHP configuration limits are as follows:
Please have your hosting provider fix this for you so it can be installed correctly.
Thanks
ThemeNectar Support Team
I hope you can get this running with me – I need to show client today the status…
Please check for server php errors using this guide: http://premium.wpmudev.org/blog/your-complete-guide-to-troubleshooting-wordpress/ . It would be best to contact the hosting provider and have them look into this as they are aware of the Server Configuration Details .
Best
ThemeNectar Support Team