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):
@media only screen and (max-width: 999px) and (min-width: 1px) {
body #header-outer[data-transparent-header="true"].transparent {
background-color: #0b5d18 !important;
}
}
Could you allow us to log in to your website backend dashboard so we can check on this for you more?. We are gonna need the username and password of admin user as well as the login url.
The settings for the header navigation transparency also apply to the mobile version as of about a year ago. I just logged into your staging server and added the needed CSS to make the mobile navigation white as on the current live version. Can you take a look and see if everything's as you desire?
Sorry I have one more question. I had to update to a newer version of wordpress to deploy the staging site.
Now I am unable to see the visual composer on the backend editor. I installed the classic editor, and I can see the WP Bakery version in the front end, but not in the back end.
Before the update, the transparent header showed on my desktop homepage, but not on mobile: warnerscamp.com
After the update, it now shows on mobile too: http://warnerscamp.staging.wpengine.com/
I need to disable it on mobile, but keep the desktop version live.
Hey Again,
Change the color as per your liking.
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):
@media only screen and (max-width: 999px) and (min-width: 1px) { body #header-outer[data-transparent-header="true"].transparent { background-color: #0b5d18 !important; } }Thanks
ThemeNectar Support Team
Hey thanks! That helped, but it still looks different from the version before I updated the theme.
I am hoping for the white version of the menu, with the same spacing and padding as before.
See photos.
How can I achieve that?
To follow up, I would like to keep the transparent header on the tablet view, and remove it only for the smallest mobile screen. Thanks for your help!
Hey Again,
Could you allow us to log in to your website backend dashboard so we can check on this for you more?. We are gonna need the username and password of admin user as well as the login url.
Thanks
ThemeNectar Support Team
Hey Again,
You dont seem to have added the dark logos in the Salient Theme Options Panel -> Header Navigation Section .
Also use these Metabox Controls to select the light or dark color of the Header: http://prntscr.com/qxiq57 .
Best
ThemeNectar Support Team
Hey thanks,
I just added the dark logos.
I want the light version to appear on desktop (transparent), but I need the dark on white version to appear on mobile.
Trying the replicate what's on my live site: https://warnerscamp.com/ (see screenshots)
If I change meta controls to dark, it messes up the desktop version.
I believe the functionality was changed to give it a more consistent transparent feel on both Mobile and Desktop.
Gonna escalate this to the developer so he may add in a response. At the moment the Options panel does not allows the same behavior to be replicated.
Best
ThemeNectar Support Team
Ok thank you! Let me know how I can undo what the update did there.
Hey warnerscamp,
The settings for the header navigation transparency also apply to the mobile version as of about a year ago. I just logged into your staging server and added the needed CSS to make the mobile navigation white as on the current live version. Can you take a look and see if everything's as you desire?
Cheers
Thank you very much! Yes, all good now.
Hi there,
Sorry I have one more question. I had to update to a newer version of wordpress to deploy the staging site.
Now I am unable to see the visual composer on the backend editor. I installed the classic editor, and I can see the WP Bakery version in the front end, but not in the back end.
Hey,
It looks like you're using the plugin Yoast Premium at Version 9.5 - the current release of that plugin is 13: https://yoast.com/wordpress/plugins/seo/change-log/
I temporaily deactivated it for you on the staging site so that the editor works in meantime before you have a chance to update it
Yep, that fixed the issue. Thanks again for your help!