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

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.

Thanks, Leo, That's perfect!

Glad I could help!