Mobile Site Logo

This topic has 3 replies, 2 voices, and was last updated 9 years, 5 months ago by Andrew Misplon.

Tagged: logo mobile

Author
Posts
November 3, 2015 at 7:52 pm #2629
Andrew Misplon
Keymaster
Hi Pippi
Thanks for reaching out 🙂
Try using this version of your logo and see if that renders a little crisper:
https://purothemes.com/wp-content/uploads/2015/11/pippi-hornsby-logo.png
Try the following at Appearance > Custom CSS for your original question:
```
/* Logo */

@media (max-width: 680px) {

	.site-header .site-branding img {
	 	max-height: 72px;
	}

}
```
That’s a 20px reduction to the max-height below 680px. Adjust as required. Let me know how that goes.
November 6, 2015 at 3:15 pm #2630

Pippi Hornsby
Participant
Hi Andrew,
The code worked fine, but I was still having cropping errors at certain width of screen, so I decided to add some blank space above and below my logo in the image itself, to increase the overall height of the image. This seems to have corrected the issues (I think my logo was too long and thin for the height values to have much of an effect before).
Thank you for your fast reply and your help!
November 6, 2015 at 5:58 pm #2631

Andrew Misplon
Keymaster
Super 🙂 Glad to hear you’ve made progress. If you’d like to keep your logo trimmed, let me know, I’d be happy to re-look at the problem.
All the best with your site.
Author
Posts

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.