[Resolved] Logo Height in Header

[Mike]

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

[Tom]

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 🙂

[Mike]

Great, thanks Tom

[Tom]

You’re welcome 🙂

[Author]

Posts