How to make my logo bigger on mobile screens

Hi there,

in your Child Theme > styles.css there is this CSS rule:

@media (max-width: 768px) {
    .navigation-branding img, .site-logo.mobile-header-logo img {
        height: 44px !important;
    }
}

Change the height value of that.

Thanks David.
I did what you said and the problem was solved. You're awesome. Thank you!
What is the method to increase the height on desktop screens?
Regards

On desktop, adjust the Width in the Customizer > Site Identity.

I don't have that setting in the Customizer>Site identity. Is there other option? Thanks

The option is not there as you are using the Navigation as Header option:
https://docs.generatepress.com/article/navigation-as-a-header/

So the logo size is controlled by the menu item height:
https://docs.generatepress.com/article/navigation-as-a-header/#basic

You can also give this CSS a shot to reduce the default 10px top and bottom padding added to the logo image to 5px:

.navigation-branding img {
    padding: 5px 0;
}

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

Let me know if this helps :)

Found it and ajust it.
Thank you very much!

No problem :)