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: 1px) and (max-width: 999px) {
#header-outer #logo {
position:absolute;
left: 50% !important;
transform: translateX(-50%);
}
}
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: 1px) and (max-width: 999px) {
body #header-outer {
margin-bottom: 0;
padding: 25px 0 !important;
}
}
On mobile view, how do I centralise my logo and also make the instagram appear in the top right corner?
On 'layout related' there only seems to be ` desktop option
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):
@media only screen and (min-width: 1px) and (max-width: 999px) { #header-outer #logo { position:absolute; left: 50% !important; transform: translateX(-50%); } }Thanks
ThemeNectar Support Team
Thanks Tahir,
Also padding please? 50px would be perfect
Are you referring to the Header Padding?. If yes, that can be adjusted in the Salient Theme Options Panel .
Thanks
ThemeNectar Support Team
Sorry Tahir,
This is for mobile, as it's not responsive when increasing the header padding on the options panel?
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: 1px) and (max-width: 999px) { body #header-outer { margin-bottom: 0; padding: 25px 0 !important; } }Thanks
ThemeNectar Support Team
Hi Tahir,
Unfortunately I cannot make my header transparent despite taking all recommended steps.
What do you suggest?
Please can you assist?
Hi Reecedouglas,
Please head to backend wpbakery editor and turn on the option marked below:
Thanks.
Andrew,
Thanks for your hasty response.
Looking at your screenshot, I can't see that option (see attached).
Please advise on what I should do.
Thank you.
Apologies, wrong attachment
Hey Again,
Click on the Edit Page Link to view the Page Content. You should be able to view the Metaboxes there.
Thanks
ThemeNectar Support Team