Okay
  Public Ticket #2161898
Move the logo to the upperleft top corner
Closed

Comments

  • Jan Willem Tol started the conversation
    September 24, 2019 at 8:54am

    Dear People,

    I want the logo of the website (Salient theme) in the upper left top corner of my page. What css code do I have to use to get the job done?

  •  3,023
    Andrew replied
    September 24, 2019 at 9:02am

    Hi Jan,

    Share a link to your website so that we see the possible custom css for that.

    Thanks.

  •  8,992
    Tahir replied
    September 24, 2019 at 10:00am

    Hey,

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

    Thanks

    ThemeNectar Support Team 

  •  8,992
    Tahir replied
    September 24, 2019 at 11:36am

    Hey Again,

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

    #header-outer[data-full-width="true"] header >.container, #header-secondary-outer[data-full-width="true"] >.container {
    padding-left: 0px !important;
}

    Thanks

    ThemeNectar Support Team 

  • Jan Willem Tol replied
    September 24, 2019 at 11:53am

    Wow, thanks for your quick response. It's working....

    Greetings from the Netherlands

  • Jan Willem Tol replied
    October 8, 2019 at 6:44am

    I am already very happy with the logo in the corner but i still have a question about this issue.

    http://btol.ruysphotography.com/ontmoet-ons-vlees/

    There is still a 1 pixel white line on the top of the page and on the bottom of the header. Is it possible to remove this. Please see my link

    Thanks in advance

  •  8,992
    Tahir replied
    October 8, 2019 at 7:26am

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

    div#header-outer {
    max-height: 150px !important;
}

    Thanks

    ThemeNectar Support Team