Archived topic
How to set Logo Width on Mobile Header?
5 replies · Started by Samuel on September 5, 2020
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?
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 :)
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?
Try increasing the mobile menu breakpoint:
https://docs.generatepress.com/article/mobile-navigation/#using-gp-premium
Thanks, I had that set and now I think I had a caching issue with Kinsta. It appears to be working correctly now.
No problem :)