Archived topic
Logo on mobile version of site is tiny - normal size on other devices
7 replies · Started by Louise on August 1, 2022
Hello,
My website logo is showing up as barely visible on mobile devices but is fine on desktop and tablet. I'm using a library template as I'm a complete novice.
Any help you can provide would be much appreciated.
Many thanks Louise
Hi there,
so the Mobile Header sizes its logo on the Menu Item height.
For your logo i can see it needs to be a different size. Simplest fix for that is to use a little CSS:
#mobile-header .site-logo.mobile-header-logo img {
height: 120px;
}You can add that to your Customizer > Additional CSS
Oh thank you so much David! I wasn't sure where to put it in, but I took a chance and pasted it into a blank slot and the logo is now the right size. I pretty much feel like Bill Gates right now and you are a genius. Thank you so much.
Ah hang on, I think I've put it in the wrong place after all. I've visited my website on my phone and the logo has become bigger on every page except the home page. It's still tiny on there. Is there a particular place I should have put the code within the additional css?
Do you have any Cache plugins installed ?
I don't think so. I haven't added any myself. My site is hosted by Ionos if that makes any difference?
Hang on.. we have lift off! It's suddenly re-sized on the homepage. Brilliant, thank you so much for your help, hugely appreciated. Louise
Awesome - glad to hear that!
