[Resolved] Logo in header on mobile is too small.

[marcusblog]

Hi guys. I am trying to adjust the logo size in the prim nav header for mobile. It is set to be just right on desktop when I adjust width on site identity – but when I try for mobile, it will not increase in size. So if you go to my site, the logo looks right on desktop and tiny on mobile.

I noticed the header for mobile seems to only allow the center logo to be same height as “Menu” text and not take up more of the total header height – which is not the case for desktop. This is problematic given my logo and how it looks on mobile now.

Any thoughts? Thanks much in advance. Not technical so hoping I don’t have to make any technical changes.

[Leo]

Hi there,

There is excess amount of padding on the mobile header logo:
https://www.screencast.com/t/PNEZdOYr

Should work better if you crop the image and remove the padding.

Let me know if this helps 🙂

[marcusblog]

Thanks for the very quick response. I cropped and changed the identity logo, but did not fix it. The logo can be as big as I want on desktop, but still will not get any bigger on mobile. Any other ideas?

[Leo]

Did you reupload the mobile header logo as well?
https://docs.generatepress.com/article/mobile-header/

It’s still showing the same image from before.

[marcusblog]

Ah, yes. That was it. Thank you. It fixed the issue on all the pages except for the homepage for some reason. Assuming it will update after some more time but will comment back if not.

[Leo]

Home page looks good to me as well now 🙂

Make sure to clear your Endurance cache.

Glad I could help!

[Author]

Posts