Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 6, 2015 at 3:01 pm #392064
    razhimself

    Hi Guys,
    I want to make the logo larger then the headers height. Like this, overlapping the header:
    Header with logo overlapping the header

    Is that possible? If yes, can you give me a direction of advice how to do it?
    Thanks!

    February 6, 2015 at 3:05 pm #392070
    Yigit

    Hi razhimself!

    Yes, it is possible but could you please post the link to your website?

    Regards,
    Yigit

    February 6, 2015 at 3:13 pm #392075
    razhimself
    This reply has been marked as private.
    February 7, 2015 at 3:09 am #392386
    razhimself

    Did you get the URL and password in my private reply?

    I manage to do some of the styling but not good enough.
    I laborated with this code:

    #top .logo {
padding-top: 0px;
width: 300px; 
margin: 10px auto;
float: none;
height: auto;
}

    It would be awesome if you could give me some advice.

    • This reply was modified 9 years, 10 months ago by razhimself.
    February 8, 2015 at 10:27 am #392677
    Ismael

    Hi!

    Looks like you figured it out but I guess you need to adjust the logo width:

    #top .logo {
padding-top: 0px;
width: 300px;
margin: 10px auto;
float: none;
height: auto;
}

    Regards,
    Ismael

    February 9, 2015 at 6:00 pm #393191
    razhimself

    Thanks Ismael but I can’t see any difference between your code and mine?
    What I wish to do, beside what I have accomplished in my css, is to remove the space above the logo and make it little bit bigger.

    February 10, 2015 at 8:27 am #393539
    Rikard

    Hi!

    Please try the following code in Quick CSS:

    .logo, .logo a {
overflow: visible;
}

.logo img {
max-height: 150px !important;
}

    Best regards,
    Rikard

    February 10, 2015 at 2:51 pm #393699
    razhimself

    Thanks! It works like a charm :)
    The Kriesi support is as good as always!
    Regards Rasmus

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘How to make logo overlap the header?’ is closed to new replies.