Mobile logo too small

[Helen]

Hi

The logo in my mobile header is much smaller than it should be. I have tried uploading larger logos, but they are being resized to fit the height of the mobile header. Can you advise me on how best to change the height of the mobile header so that the logo displays at the correct size?

Thanks,
Helen

[David]

Hi there,

the size of the logo is related to the menu item height. So increase the Mobile Menu item height in the customizer > layout > primary navigation.

In addition you can remove the padding added to the logo if needed:

.site-logo.mobile-header-logo img {
    padding: 0 !important;
}

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

[Helen]

Hi David,

Thanks very much. It looks perfect now. 🙂

Helen

[David]

Glad to be of help.

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

[Author]

Posts