I checked the shared URLs, and it seems that the logos are already overlapping the header menu bar. Could you please let us know the specific adjustments you would like made in the theme?
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) {
#header-outer #logo, #header-outer .logo-clone, #header-outer .logo-spacing {
margin-top: -37px;
margin-bottom: -63px;
}}
How do i extend a logo past a header similar to the attached website?
Attached files: Screenshot 2025-07-18 at 11.46.14 AM.png
Hi Joshua,
Thank you for getting back to us.
Please share your site URL so we can check this out for you and advise.
We look forward to your reply.
Thanks,
https://nefc.us/
Hi Joshua,
Thank you for getting back to us.
Please share your site URL so we can share the CSS to help match the logo of the reference site you shared.
We look forward to your reply.
Thanks,
Hi Joshua,
Thank you for getting back to us.
I checked the shared URLs, and it seems that the logos are already overlapping the header menu bar. Could you please let us know the specific adjustments you would like made in the theme?
Looking forward to your response.
Thanks again!
Best regards,
Salient Theme Support
I figured that part out, but now the top is cut off. how do i push it down a bit?
Hey Again,
Try adjusting the margin values to align it .
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):
Thanks
Salient Support Team