Hi Seth,

Thank you once again.

Kindly try using the attached article to help you get this done: https://themenectar.ticksy.com/article/5616/#:~:text=Add%20this%20into%20the%20Custom,content:%20%22%5Cf0e0%22%20!

Try it out and we'll be waiting for your response.

Thanks,

Nice one, 

kindly update the content to for the "\f015" home icon, you can update this to anything (any unicode) you desire. 

Also ensure that there is no cross in the box.

We'll be waiting for your response.

Thanks.

Hi Seth,

Thank you for getting back to us.

To center the icon in the cirlcle, add this into the Custom CSS box in your Salient Theme Options panel:

#header-outer[data-format="centered-menu-bottom-bar"] #top .slide-out-widget-area-toggle[data-custom-color="true"] a:before, 
#header-outer[data-format="centered-menu-under-logo"] #top .slide-out-widget-area-toggle[data-custom-color="true"] a:before {
    transform: translateY(0);
}

Try that and let us know how it goes.

Thanks,

Hi Seth,

Thank you for getting back to us.

To clarify, do you replace the 3 lines with a home icon? If so, could you please revert the menu icon to what it was when you first sent the ticket, so we can advise?

We look forward to your reply.

Thanks,

Hi Seth,

Thank you for getting back to us.

Add the CSS below to change the home icon to your off canvas menu, replace the CSS you shared earlier with the one below.

/*Change off canvas menu icon to home icon*/
#header-outer.transparent header#top nav ul .slide-out-widget-area-toggle a i.lines-button.x2:after {
    content: "\f015";
    font-family: FontAwesome;
    font-size: 20px;
    font-style: normal;
    width: 0;
    color: #fff;
    left: 7%;
}

Try that and let us know how it goes.

Cheers,

Hey Again,

Thanks for the screenshot:

Also add the below CSS as is and check:

/*Change off canvas menu icon to home icon*/
#header-outer.transparent header#top nav ul .slide-out-widget-area-toggle a i.lines-button.x2:after {
    content: "\f015";
    font-family: FontAwesome;
    font-size: 20px;
    font-style: normal;
    width: 0;
    color: #fff;
    left: 7%;
    top:-10px !important;
}

Thanks

To assist you further, could you kindly create a temporary admin user for us so we can review the issue directly? You may use any email address when setting up the account, as we do not have a designated support email. Please ensure the login credentials are working before sharing them with us. This will help us investigate more efficiently.

Best,

Hey Again,

Try have added the full CSS for your setup: 

body .slide-out-hover-icon-effect.small {
    display: none;
}

.slide-out-widget-area-toggle a i.lines {
    display: none !important;
}

/*Change off canvas menu icon to home icon*/
body #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 {
    content: "\f015";
    font-family: FontAwesome;
    font-size: 20px;
    font-style: normal;
    color: #fff;
    height: 24px !important;
    top: 0px !important;
    background-color: transparent !important;
}

@media only screen and (max-width: 999px) {
    #top .slide-out-widget-area-toggle[data-custom-color] a > span {
        transform: scale(1) translateY(10px)!important;
    }
}

Thanks

Done. 

Hi Seth,

We appreciate your cooperation and patience to make this a success.

Cheers.