Hey , Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
#header-outer.transparent .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a i.lines, #header-outer.transparent .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a i.lines:before, #header-outer.transparent .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a i.lines:after, #header-outer.transparent.directional-nav-effect .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i, #header-outer.transparent.directional-nav-effect .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:after, #header-outer.transparent.directional-nav-effect .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:before, #header-outer.transparent .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a i.lines, #header-outer.transparent .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a i.lines:before, #header-outer.transparent .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a i.lines:after, #header-outer.transparent.directional-nav-effect .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i, #header-outer.transparent.directional-nav-effect .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:after, #header-outer.transparent.directional-nav-effect .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:before {
background-color: #fff !important;
}
Hi this color change stopped working when I updated theme - please help the "hamburger is supposed to be -color: #b30000 - instead it is now 2 white lines and 1 black line
Hey Again, Please update VC to 4.12 as well . Also your Salient Theme version is 7.5.01 .
Salient 7.5.02 is now available for Download on the Themeforest Download Page , Visual Composer has also been Updated to Version 4.12.
If you're upgrading from Salient VC 4.9.2, you'll need to delete the plugin from your plugins section in the WordPress admin panel before installing the current version (4.12) in Appearance > Install Plugins - This is necessary due to a bug in the Salient VC 4.9.2 which prevents regular updating.
hello - I have updated theme as well as the VC - the original code you gave me for this is not working as it was before the update -can you please provide me with the code that will work as before the update? now the hamburger lines are black and white not the red I am using throughout -
Hi - did you get my last note? I really need to figure out why the hamburger lines are not behaving as before the upgrade - please reply as I use my site to get jobs -
Tahir just fixed this for me. Here is the CSS to add. Use your own hex color, of course...
/*------------------------------ =HAMBURGER MENU ------------------------------*/
#header-outer.transparent .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a i.lines, #header-outer.transparent .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a i.lines:before, #header-outer.transparent .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a i.lines:after, #header-outer.transparent.directional-nav-effect .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i, #header-outer.transparent.directional-nav-effect .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:after, #header-outer.transparent.directional-nav-effect .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:before, #header-outer.transparent .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a i.lines, #header-outer.transparent .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a i.lines:before, #header-outer.transparent .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a i.lines:after, #header-outer.transparent.directional-nav-effect .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i, #header-outer.transparent.directional-nav-effect .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:after, #header-outer.transparent.directional-nav-effect .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:before, #header-outer.transparent .midnightHeader.dark .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after, #header-outer.transparent .midnightHeader.default .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after { background-color: #d1c49b !important; }
/*------------------------------ =HAMBURGER MENU MOBILE ------------------------------*/
Hello how do you change the color of the hamburger -
thx
Hey ,
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
#header-outer.transparent .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a i.lines, #header-outer.transparent .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a i.lines:before, #header-outer.transparent .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a i.lines:after, #header-outer.transparent.directional-nav-effect .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i, #header-outer.transparent.directional-nav-effect .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:after, #header-outer.transparent.directional-nav-effect .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:before, #header-outer.transparent .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a i.lines, #header-outer.transparent .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a i.lines:before, #header-outer.transparent .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a i.lines:after, #header-outer.transparent.directional-nav-effect .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i, #header-outer.transparent.directional-nav-effect .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:after, #header-outer.transparent.directional-nav-effect .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:before { background-color: #fff !important; }Best
ThemeNectar Support Team
Hi this color change stopped working when I updated theme - please help the "hamburger is supposed to be -color: #b30000 - instead it is now 2 white lines and 1 black line
thx
www.tracejstephens.com
Hey Again,
Please update VC to 4.12 as well . Also your Salient Theme version is 7.5.01 .
Salient 7.5.02 is now available for Download on the Themeforest Download Page , Visual Composer has also been Updated to Version 4.12.
If you're upgrading from Salient VC 4.9.2, you'll need to delete the plugin from your plugins section in the WordPress admin panel before installing the current version (4.12) in Appearance > Install Plugins - This is necessary due to a bug in the Salient VC 4.9.2 which prevents regular updating.
To get a list of Bug Fixes and new Feature addons in the Latest Theme update, the changelog can be viewed here : http://themenectar.com/changelogs/salient.html .
Update the theme by following this guide: https://themenectar.ticksy.com/article/3218/ . Visual Composer update instructions can be viewed here : https://themenectar.ticksy.com/article/5182/ .
Best.
ThemeNectar Support Team
hello - I have updated theme as well as the VC - the original code you gave me for this is not working as it was before the update -can you please provide me with the code that will work as before the update? now the hamburger lines are black and white not the red I am using throughout -
the original css you gave me is posted below
site is www.tracejstephens.com
thx
Hi - did you get my last note? I really need to figure out why the hamburger lines are not behaving as before the upgrade - please reply as I use my site to get jobs -
thx
I'm having the same issue. It's an odd bug, why would the lines be different colors?
Please reply with a fix for this bug -
are you going to reply ? I really needa fix for this bug
Tahir just fixed this for me. Here is the CSS to add. Use your own hex color, of course...
/*------------------------------
=HAMBURGER MENU
------------------------------*/
#header-outer.transparent .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a i.lines, #header-outer.transparent .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a i.lines:before, #header-outer.transparent .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a i.lines:after, #header-outer.transparent.directional-nav-effect .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i, #header-outer.transparent.directional-nav-effect .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:after, #header-outer.transparent.directional-nav-effect .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:before, #header-outer.transparent .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a i.lines, #header-outer.transparent .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a i.lines:before, #header-outer.transparent .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a i.lines:after, #header-outer.transparent.directional-nav-effect .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i, #header-outer.transparent.directional-nav-effect .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:after, #header-outer.transparent.directional-nav-effect .midnightHeader.default header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:before, #header-outer.transparent .midnightHeader.dark .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after, #header-outer.transparent .midnightHeader.default .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after {
background-color: #d1c49b !important;
}
/*------------------------------
=HAMBURGER MENU MOBILE
------------------------------*/
.midnightHeader.dark .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:before,
.midnightHeader.dark .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:after,
.midnightHeader.dark .slide-out-widget-area-toggle[data-icon-animation="simple-transform"].mobile-icon .lines-button:after,
.midnightHeader.dark header#top .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"].mobile-icon .lines-button.x2 .lines,
.midnightHeader.default .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:before,
.midnightHeader.default .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:after,
.midnightHeader.default .slide-out-widget-area-toggle[data-icon-animation="simple-transform"].mobile-icon .lines-button:after,
.midnightHeader.default header#top .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"].mobile-icon .lines-button.x2 .lines {
background-color: #d1c49b !important;
}
thank you - I just updated and it works great glad to finally have it