My favicon is not showing in browsers. When I Inspect and click on the Console Developer Tool in chrome I am getting this error:
Mixed Content: The page at ‘https://travel-verona.com/’ was loaded over HTTPS, but requested an insecure favicon ‘http://travel-verona.com/wp-content/uploads/2024/02/TravelVeronaFavicon-300×300.png’. This request has been blocked; the content must be served over HTTPS.
The URL for my favicon in the theme panel is this: https://travelverona.wpenginepowered.com/wp-content/uploads/2024/02/TravelVeronaFavicon-300×300.png
Why is it then pushing as HTTP instead of HTTPS and how can I fix it?
My site is: https://www.travel-verona.com
Hello @misadventuremedia!
You should set it as https not http. You have to use an SSL plugin to fix it and then try to activate it again -> https://www.hostinger.com/tutorials/fix-mixed-content-wordpress/ -> https://wordpress.org/plugins/really-simple-ssl/
Thank you!
I downloaded and ran that plugin, and that did not fix it. Any other options? I have never had this issue on a website before
Is it a problem with how the theme calls the favicon?
https://wordpress.stackexchange.com/questions/240069/favicon-causes-mixed-content-warning-over-ssl
Hello @misadventuremedia!
Make sure you have not http URLs: https://app.screencast.com/bfMmxjAmdUOy8
Try to set up the favicon like this: Appearance -> Customize -> Site Identity -> Select site icon -> upload the favicon and press Publish.
Hope that helps you!
Thank you!
