Okay
  Public Ticket #4161733
Header Logo
Closed

Comments

  • Joshua Moses started the conversation

    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

  •  3,270
    Austin replied

    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,

  •  3,270
    Austin replied

    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,

  •   Joshua Moses replied privately
  •  354
    Pat replied

    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

  • Joshua Moses replied

    I figured that part out, but now the top is cut off. how do i push it down a bit?

  •  9,407
    Tahir replied

    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):

    @media only screen and (min-width: 1000px) {
        #header-outer #logo, #header-outer .logo-clone, #header-outer .logo-spacing {
            margin-top: -37px;
            margin-bottom: -63px;
    }}

    Thanks


     Salient Support Team