I would like to add a margin to the left of the logo in all viewports except mobile, so that it is moved inward by a certain percentage or no. of pixels. Could you kindly advise what CSS to add? Many thanks!
Will post URL pirvately in a separate comment to this.
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: 691px) {
#header-outer:not([data-format=left-header]) #top .span_3 {
margin-left: 40px;
}
}
You can adjust the CSS to get the spacing that you want.
I would like to add a margin to the left of the logo in all viewports except mobile, so that it is moved inward by a certain percentage or no. of pixels. Could you kindly advise what CSS to add? Many thanks!
Will post URL pirvately in a separate comment to this.
Hi Tobias,
Thank you for reaching out to us.
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: 691px) { #header-outer:not([data-format=left-header]) #top .span_3 { margin-left: 40px; } }You can adjust the CSS to get the spacing that you want.
Try this and let us know how it goes.
Thanks,
Thanks, that's it!