Chris,
I had the same thing happen on my site. The recent update made a change to how Make displays the site logo with retina displays. This is text from inside the customizer screen:
“Regular & Retina Logos
These settings have been deprecated in favor of the Site Logo setting provided by WordPress core. Please visit the Site Identity section to configure your site logo.”
They now recommend using a separate plug-in to handle retina images. I haven’t done that yet myself, but resetting the logo in the Site Identity section fixed my problem. Hope it helps yours.
I also fixed the problem by deleting the existing logo and then adding it back in. Looks like it might be creating new sizes of the logo to conform with @media types (just a theory, I haven’t looked at the code carefully beyond Firebug).
Also, I had created a style for the logo div in my child theme. The 1.7.x stylesheet notes that is now deprecated and the logo is displayed with an img tag instead, so check any custom style.css after upgrading.
Hope this helps.
@jimhill: I tried deleting the logo, clicking ‘Save & publish,” and then re-inserting the logo/ No luck. Thanks for the suggestion.
@voodynet: I don’t code, so I am reluctant to alter the stylesheet info.
My apologies to both of you for not responding sooner. For some reason, despite the fact that I checked off that I wanted to be notified of replies, I did not receive any notifications.
I have used Make for a while, now, and I have never had this problem until I used it on the site that I have referenced. Perhaps it has something to do with a recent theme update, as @jimhill suggested.
Any other suggestions would be welcome.
We ran into this problem on our site, and I decided to create a simple plugin that allows you to specify whether the logo you upload is a retina version of your logo. You can download it from https://github.com/Studio164a/retina-logo/archive/master.zip
After installing it you would need to go to the Customizer and get to the Site Identity tab (as per usual with Make), then upload your photo and check the box to say it’s the retina version. This is much lighter weight than the Retina plugin Make suggests (I’ve never had much luck with that plugin).
@chrishannon I think your problem might be slightly different, which is that on smaller screens, Make displays the logo at 100% width (which seems like a bug to me). You can correct that behaviour with a bit of CSS:
img.custom-logo {
width: auto;
}
You could add that using a plugin like https://wordpress.org/plugins/simple-custom-css/ (or Jetpack, if you have that enabled already).
Cheers,
Eric
@ericdaams:
Thanks for the info! I will give it a try.
I am displaying it on a laptop with a 15″ screen, so I don’t think that the 100% display issue applies to me, but I could be wrong. However, I will try that solution.
Thanks again!
Hi – I am also experiencing the same problem!
I uploaded multiple sized logos in Appearance – Header – Logo Settings and no matter how small I make the logo, it still shows up very large on screen and becomes pixelated. I also can’t seem to decrease the hight of the header to make it more compact. Please help!
I am using the Goodstore Theme. Site is oakandiron.net
oops – forgot to check ‘notify me of follow-up replies via email’!
