[Resolved] How can I get my logo to reduce in size when viewed on a mobile?

[kyle]

I’m happy with the size and position of my logo when viewed on a desktop or even a tablet but when It’s viewed on a mobile it’s just too big. I’d like it to reduce in size for mobile. How can I do this?

Thanks in advance

[Leo]

Hi Kyle,

You can consider using the GP’s mobile header: https://docs.generatepress.com/article/mobile-header/

If you just want to use the normal header, then try this CSS:

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

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know.

[kyle]

Thanks, Leo, That’s perfect!

[Leo]

Glad I could help!

[Author]

Posts