Archived topic
Mixed Content (logo & icon) after moving to https
5 replies · Started by Costas on January 14, 2019
Hello
I would like some help here please cause this is mind blowing to me.
All worked fine when moved from http to https via .htaccess
The only mixed content I get is the Logo and Icon which I have have already updated them with new https images from Customizing Site Identity.
I have no super cache plugin and also I used "Velvet Blues Update URLs" plugin but still nothing.
The errors I get from whynopadlock.com are these:
An image with an insecure url of "http://*****.gr/wp-content/uploads/2018/10/Last4.jpg" was loaded on line: 358 of https://*****.gr/.
An image with an insecure url of "http://*****.gr/wp-content/uploads/2018/10/ICO.jpg" was loaded on line: 391 of https://*****.gr/.
I also removed these 2 files via ftp and still get the error.
Hi there,
can you rename your original image files and then re-upload them. Let me know.
Hello David,
Sorry for the delayed response, somehow the notify email for replies went to spam.
Well renaming the files was the first thing I did. The problem is that the old logo and icon files were in wp-content/uploads/2018/10/. Since then I changed the media settings to be in wp-content/uploads/ and the renamed logo and icon are there now. When I load the logo from my site in new tab it's on https.
Deleting these 2 files in wp-content/uploads/2018/10/ doesn't do anything and I still get the error. Seems like they are hard coded links and I don't know how to change them.
This is what i see from browser inspect:
</div> <nav id="site-navigation" class="main-navigation" itemtype="https://schema.org/SiteNavigationElement" itemscope>
<div class="inside-navigation grid-container grid-parent">
<div class="site-logo sticky-logo navigation-logo">
<a href="https://*****.gr/" title="" rel="home">
<img src="http://*****.gr/wp-content/uploads/2018/10/Last4.jpg" alt="" />
</a>
</div>
<div class="inside-navigation grid-container grid-parent">
<div class="site-logo mobile-header-logo">
<a href="https://*****.gr/" title="" rel="home">
<img src="http://*****.gr/wp-content/uploads/2018/10/ICO.jpg" alt="" />
</a>
</div>
And the links you see are not the actual images the site uses as i mentioned.
As the Site logo for me is showing this markup which looks correct:
<div class="site-logo">
<a href="https://***.gr/" title="" rel="home">
<img class="header-image" alt="" src="https://***.gr/wp-content/uploads/Last4-350-70b.jpg" title="">
</a>
</div>Whereas the Mobile Header logo is the same as your mark-up. Did you swap the Logo in Customizer > Layout > Header > Mobile Logo?
Oh damn silly me.
Well I changed both at Customizing ▸ Layout ▸ Header and Customizing ▸ Layout ▸ Primary Navigation
and now the problem solved!
I totally forgot about these settings. Sorry for bothering and thanks for helping out.
No problems, more than happy to help :)
