UI Issues & Mobile Responsiveness

Hi there,

Try updating the mobile header logo in the customizer:
https://docs.generatepress.com/article/mobile-header/

Let me know if this helps :)

This worked but the logo appears very tiny and looks weird. How can I increase the size of it? Need to make sure logo looks proper even on mobile.

Hmm that's a pretty normal size for a mobile header logo.

I think the issue is that the image is in png format so it isn't very crisp - SVG would work a lot better and is the standard for logo images nowadays.

Or you can try to increase the menu item height a bit with the mobile toggle activated:
https://docs.generatepress.com/article/menu-item-height-width/

Thanks Leo. I increased the height slightly and it looks better now.