Logo breaking on mobile and tablet

Website here...

Hi Lee,

Can you try reuploading the mobile header logo in the customizer?
https://docs.generatepress.com/article/mobile-header/

Currently it's using this file and it's error 404:
/wp-content/uploads/2022/07/GuitarLoopLOGO.png

Brill. That's worked. Thank you.

Hey Leo,

OK, so that has worked, but it seems to have overrided the desktop logo. The logo now appears too small and I'm no longer able to change the size of the logo in site identity.

Hi Lee,

As you've changed the mobile breaking point to 10000, your site is using the mobile header on the desktop as well.

You can try this CSS to make the logo bigger on wider screen:

@media (min-width: 769px) {
    .site-logo.mobile-header-logo img {
        width: 100px;
        height: auto;
    }
}

Ah I see.

Thank you.

No problem :)