[Resolved] How to set Logo Width on Mobile Header?

[Samuel]

This is probably obvious, but I’m trying to figure out how set the log width on the mobile header for a site I’m working on. It’s easy to set the logo size on the normal header, but I can’t figure out how to do the same on the mobile one. How can I scale the header down for mobile views?

[Leo]

Hi there,

Can you try reducing the menu item height on mobile and see if you are able to make that work?

It could be a little difficult as the mobile header logo is supposed to be for a small square-ish logo and not like a very wide logo like what you have.

If that doesn’t work then we can come up with another solution.

Let me know 🙂

[Samuel]

Ah for some reason I missed that setting. That worked perfectly for mobile size, but for some reason does not affect tablet width. Any idea how I can get tablet width to follow the mobile setting?

[Leo]

Try increasing the mobile menu breakpoint:
https://docs.generatepress.com/article/mobile-navigation/#using-gp-premium

[Samuel]

Thanks, I had that set and now I think I had a caching issue with Kinsta. It appears to be working correctly now.

[Leo]

No problem 🙂

[Author]

Posts