Okay
  Public Ticket #1694202
Logo in Header to extend below header
Closed

Comments

  • jerryscheller started the conversation

    hello!

    Is there a way to extend the logo past the header? The logo I have is circular, but I don’t want the header and navigation to be super tall, so I thought if I could extend the logo below the header that would keep it  slim. 

    Hopefully that makes sense. Thanks!

  •  8,999
    Tahir replied

    Hey Again,

    Its only possible with custom css . 

    Please provide the page url so that i can write up the custom css for whats possible.

    Thanks


    ThemeNectar Support Team 

  • jerryscheller replied

    Thanks so much for the quick reply. Sure thing, here is the url:  http://209.200.104.22

    I am hoping to make the logo larger so that it extends below the header a bit, but not increase the height of the header/navigation.

    Thanks!



  •  8,999
    Tahir replied

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    a#logo {
        transform: translateY(50px);
    }

    Thanks


    ThemeNectar Support Team 

  • jerryscheller replied

    You are a genius, thanks so much!