[Resolved] Sticky navigation logo mixed content warning and breaking https

[Mike]

I can’t get the sticky navigation logo to use https. The regular logo is fine, then I guess it loads another logo for the sticky version?

However that works, I can see in the source code that the sticky nav logo is still using http.

I’ve deleted both and re-uploaded them but it doesn’t fix.

Both URLs in my Settings are set to https and of course I have the SSL cert in place.

[Tom]

Hi Mike,

What happens if you completely remove the navigation logo and save? Then re-add it?

Simply replacing the image should work, but if it doesn’t, you can use a plugin like this to search/replace URLs: https://en-ca.wordpress.org/plugins/velvet-blues-update-urls/

Or use a plugin like this: https://en-ca.wordpress.org/plugins/really-simple-ssl/

[Mike]

Ugh.

I didn’t HAVE the navigation logo set. I guess just setting the sticky navigation “pulled” in the logo some way but as http?

Anyway, I actually assigned a navigation logo and it’s working fine now.

Thanks!

[Tom]

That’s weird, that shouldn’t happen. If no navigation logo is set, the element simply shouldn’t appear.

Perhaps the value was there, but not displaying as the URL was wrong.

Either way, glad it’s working now 🙂

[drew]

FWIW, I’m experiencing a similar issue at https://www.hollymulcahy.com where the sticky logo is pulled as http: https://www.screencast.com/t/ebrywSVRB

I uploaded a brand new version of the logo (new file name as well), cleared out CDN cache and the issue persists: https://www.screencast.com/t/TgAA2vVZ

Not too sure what else to do. I’d like to avoid using the force SSL plugin, they don’t tend to play nice with WPEngine hosting.

[Tom]

Make sure your URLs are set to https in Settings > General.

[drew]

I don’t believe that’s an option on multisite installs (sorry for not pointing out this is a multisite install initially): https://www.screencast.com/t/FQSBcBNry

[Tom]

Hmm haven’t used multisite for a while, but there must be somewhere to set the URL to use https.

The WP media uploader will insert the image URL using whatever protocol the site is set to, so if it’s set to http still, it will continue to use that protocol.

You could also try a plugin like this: https://en-ca.wordpress.org/plugins/really-simple-ssl/

[drew]

On WPEngine, the SSL protocol plugins can throw error on WPEngine and they sometimes conflict with woocommerce settings.

I’ll check into multisite support docs and post something if I find any relevant info.

[Akhmad]

Hi Drew,

I recently moved my site to https. At first I got the same error but after re-upload the image it’s working fine. I used 301 redirect in htaccess.

I think your problem is in the CDN because your image in sticky header still pointing to http CDN not https. Maybe try to disable and then enable again in your CDN setting. Or you can configure it in your CDN provider to point to https. Or you can simply reupload your image file.

And don’t forget if you use yoast sitemap, try to disable and then enable again after moving to https, because the image in sitemap sometimes still pointing to http.

Hope that helps.

[Author]

Posts