Archived topic
Logo Height in Header
3 replies · Started by Mike on May 31, 2016
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 :)
