- This topic has 7 replies, 2 voices, and was last updated 5 months, 2 weeks ago by Leo.
January 11, 2020 at 8:29 am #1129004Charles
I’m trying to add a mobile logo to this site fieldstonefamily.ca – but the logo is illegible. I have tried to lookup optimum logo size but it appears there are conflicting css fixes depending on the particular site.
What is the recommended size for a logo in the mobile navigation bar?
What is the recommended size for a mobile header and how do I put the logo in the mobile site’s header section instead of on the navigation bar?
CharlesJanuary 11, 2020 at 9:21 am #1129040LeoStaffCustomer Support
There isn’t a recommended size as it’s all personal preference.
Try increasing the menu item height with the mobile toggle to increase the logo size:
If you want the logo to be above the mobile navigation, then turn off the mobile header option.
You can see the differences here:
https://docs.generatepress.com/article/mobile-header/January 13, 2020 at 8:06 am #1130714Charles
Thanks, but if I turn off the mobile header option, how do I use a different image for the mobile header and keep it above the navigation? Does that have to be done using a CSS @media selector?
CharlesJanuary 13, 2020 at 9:06 am #1130787LeoStaffCustomer Support
Yeah you will need this solution here:
https://generatepress.com/forums/topic/top-of-mobile-header-not-visible/#post-1080672January 16, 2020 at 1:16 pm #1134438Charles
Turning off the mobile image puts the desktop image in as default and that CSS doesn’t replace it. Do I have to move the original image off stage?January 16, 2020 at 7:58 pm #1134646LeoStaffCustomer SupportJanuary 19, 2020 at 10:41 am #1137103Charles
I’ve turned off mobile image in the customizer as directed. If you check the site on mobile it is automatically using the same header image (above the menu) as desktop. I want a different image on the mobile version. In mobile only, how do I remove the desktop image and use my custom mobile image as a header graphic above the menu bar? I hope that explains it.January 19, 2020 at 2:09 pm #1137233LeoStaffCustomer Support
To use different logo images for desktop and mobile, you would need every step as I detailed in this post:
I currently don’t see the method implemented at all, can you make sure that every step is done?
Let me know if any of the steps are unclear.
- You must be logged in to reply to this topic.