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):
Hello, I would like to modfy the headerof a Salient implementation.
I would like to limit the height of the header and to lower the logo beyond the boundary of the element itself.
The curent situation:
What I want is this:
The total height of the header should be decreased. as well
Hope you can help. Even site origin Css couldnt help me
Regards,
Fred
Hello there,
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):
/*Reduce header space*/ #header-space { height: 86px; } #header-outer #top { top: -10px; }Thanks
Andrew, It looked as it would be the solution but it introduced a new problem only with mobile devices.
80% of the top line including the menu icon is lost.Therefot nearly impossible to use the window.
Please have a look and hopefully you can supply a new advice.
Thanks in advance,
Fred
Hello again,
Thank you for your patience on this.
Try replacing the previous CSS with this one and let me know how it goes.
@media only screen and (min-width: 1000px) { /*Reduce header space*/ #header-space { height: 86px; } #header-outer #top { top: -10px; } }Kind regards,