Hi there, 

To change the menu icon color from white to black head to

Salient > Header Navigation >Off Canvas Menu/Mobile Menu

Under the  Off Canvas Navigation Menu Button Color option, you can select the color you want for your icon.

Thanks

Hi Hadi,

Could you allow us to login to your website. We going to need username and password with admin privileges.

Thanks.

Hi Hadi,

The login credentials is incorrect. Please confirm and share again.

Also try clearing your cache because it seems black on our end  https://themenectar.ticksy.com/article/6226/ .

Thanks.

Hi Hadi,

Add the following custom css in Salient > General settings > CSS/Script related:

body #header-outer #top .slide-out-widget-area-toggle[data-custom-color="true"] a:before {
    background: whitesmoke;
}

Thanks.

Hi Hadi,

The lines looks black on our end. Update the recently sent css as follows:

body #header-outer #top .slide-out-widget-area-toggle[data-custom-color="true"] a:before {
    background: white;
}

Thanks.

Hi Hadi,

If you are checking on desktop then you have to enable the following in Salient > Header Navigation > Off Canvas Menu/Mobile Menu

It is disabled on your website. When not active the hamburger icon only appears on small screens

Turn it on as below

Thanks.

Hi Hadi,

Update the css as follows:

body #header-outer #top .slide-out-widget-area-toggle[data-custom-color="true"] a:before {
    background: transparent;
}

Thanks.

Hi Hadi,

Try the following css:

.page-id-73 #header-outer[data-has-menu][data-format][data-padding][data-using-logo]>#top .slide-out-widget-area-toggle a .lines-button i.lines:after, .page-id-73 #header-outer[data-has-menu][data-format][data-padding][data-using-logo]>#top .slide-out-widget-area-toggle a .lines-button i.lines:before, .page-id-73 #header-outer[data-has-menu][data-format][data-padding][data-using-logo]>#top .slide-out-widget-area-toggle[data-custom-color=true] .lines-button:after {
    background: white !important;
}

Kind regards.

Hi Hadi,

Glad that helps. Feel free to reach back should you run into any issue.

Thanks.

Hi Hadi,

Edit the column of the first element added and add some padding.

Regards.

Hey Again,

The Header Hide Until Needed Animation won't work with the Page Fullscreen Rows Option that you have activated on the Home Page. Try using the "Full Height" Row Option instead and check .

Thanks 

Hey Again,

The user pass does not seem to work anymore? .

Could you reiterate the exact behavior you need from the Homepage so we can guide you in recreating it if possible via the Theme Options available?.

Thanks 

Hey Again, Hope you had a Positive Weekend, 

Sorry for the late turn around, we can get overwhelmed sometimes by the number of tickets. 

- I just checked your whole thread and the only issue that did not get resolved is the header not behaving as our demos .

- The Homepage is still using the Fullscreen Page Rows Options and as i mentioned 2 weeks ago in this reply:

You replied2 weeks ago on August 25, 2020 at 3:47pm

Hey Again,

The Header Hide Until Needed Animation won't work with the Page Fullscreen Rows Option that you have activated on the Home Page. Try using the "Full Height" Row Option instead and check .

Thanks 

See screenshot:

Click Image to View Larger.

- The reason it's working on your new page is likely because you don't have the "Fullscreen Page Rows" Option activated.

Let us know if that's the case and if you need help to convert the homepage layout to the "Full Height" Row Type Option.

Hope this clears it up a bit.

Thanks