Site logo

Archived topic

Logo Height in Header

3 replies · Started by Mike on May 31, 2016

Viewing posts 1–4 of 4

Tom,

I noticed the logo height controls the height of the header. Is there a way to set the header a certain height, and then the logo resides in it regardless of size? Then I can add some spacing above and below it as needed. Reason is if I size the logo to fit in a header that is for example 90px tall, on mobile the logo is too small. I am guessing it will also pixelate on retina displays if I size it to fit a small header as well.

Thanks

Hmm, doing it that way wouldn't be very mobile friendly.

One option is to increase the height of the logo on mobile like this:

@media (max-width: 768px) {
    .header-image {
        height: 100px;
    }
}

Let me know if you need more info :)

Great, thanks Tom

You're welcome :)

This archived topic is closed to new replies.