Hey Again,

Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

body[data-slide-out-widget-area-style=fullscreen-alt] #header-outer {
    background: rgb(2,0,36);
    background: linear-gradient(0deg, #cccccc  0%, #cccccc 30%, rgb(255 255 255) 30%, rgb(255 255 255) 245%) !important;
}

Thanks

Hello there,

Thank you for reaching out to us.

Unfortunately, adding the header below the secondary menu is currently not possible with the theme as this would require extensive customization which I'm afraid we cannot offer due to support scope limitations. 

However, we are partnered with a trusted provider of expert-level Salient customization. If you are interested in initiating a project, we recommend referring to our guide at the following link: https://themenectar.com/salient/customization/

Best Regards,

Hello there,

Thank you for getting back to us.

I can't seem to replicate this error from our end. Here's a screenshot of the same.

What device and browser are you using when you experience this issue?

We look forward to your feedback.

Kind regards,

Hello there,

Thank you for getting back to us.

Try adjusting the logo height and padding and let us know if this resolves this issue.

As for the menu spacing, add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

#header-outer[data-format=centered-menu-under-logo] #top .span_9 nav>ul>li:not(#social-in-menu):not(#search-btn):not(.slide-out-widget-area-toggle)>a {
    margin-bottom: 24px;
}

I hope that helps.

Thanks,

Hey Again,

I see you got it working: 

Thanks.

Hey Again,

You would need to wrap the colored bar code in a media query for it to work only on desktop. 

Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

@media only screen and (min-width: 1000px) {
    body[data-slide-out-widget-area-style=fullscreen-alt] #header-outer {
        background: rgb(2,0,36);
        background: linear-gradient(0deg, #cccccc  0%, #cccccc 30%, rgb(255 255 255) 30%, rgb(255 255 255) 245%) !important;
    }
}

Thanks