Archived topic
Logo too small on mobile and tablet view
9 replies · Started by Manuela on December 2, 2020
Hello,
My logo appears too small on mobile and tablet view. I found on the forum another user with a similar issue and one of the colleagues from support gave him a CSS code. I don't know if I can solve the problem without code or with code. If I need to put code somewhere, I don't know how.
Looking forward to hearing from you.
Thank you for your exceptional help :)
Hi there,
Try re-cropping your mobile header logo image so there is only minimum padding around it:
https://www.screencast.com/t/F6mh8jhVqWRX
Let me know if this helps :)
Hi Ying,
Thank you for your reply. I did as you suggested, and cropped the logo image, but it still appears small on mobile and tablet view.
What more can I do?
We could use this CSS to remove the default top and bottom padding:
.site-logo.mobile-header-logo img {
padding: 0;
}
Adding CSS: https://docs.generatepress.com/article/adding-css/
Then you can try increasing the menu item height with the mobile toggle activated:
https://docs.generatepress.com/article/menu-item-height-width/#height
Let me know if this works.
Hi Ying,
Thank you for your help, it worked!
Great support :)
Great!
Glad to help!
I tried both of Ying's suggestions. Unfortunately, neither of them worked.
Any other suggestions? Thank you.
Hi there,
Can you open a new topic and link us to your site in the private info field?
Thanks!
Yes, but where is the private info field?