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?
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?
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.