Hi, I'm not sure if I should be reaching out to you or the developers of the other plugin, so I'm reaching out to both in hopes that one of you may be able to help.
I am using the latest version of the Salient theme with the Hummingbird Pro plugin to minify CSS and JS files. I am only using Hummingbird to minify the files -- I am not using the "combine files" feature. I also use Hummingbird for caching.
I'm having an issue where the icons on my website (most noticeably the "down carat" icons in my navigation menu) are displaying as squares as if they are not loading properly. This is resolved by clearing the cache and refreshing, but the issue always returns at some other point later on.
Are there any CSS or JS files that I should avoid either minifying or caching in order to resolve this issue? Do you have any other recommendations, ideas, or code snippets that I can add to the functions file that may help?
Sorry for the delayed response. I tried your recommendations but there was no luck. However I did get a response back from the Hummingbird plugin developers and they noticed that there is a Mixed Content message in the dev console for the file "'http://gacommuteoptions.com/wp-content/themes/salient/css/fonts/icomoon.woff?v=1.6'"
Can you tell me where in the theme files this is referenced so I can update my child theme and change that to an https url?
So sorry, I should have been a little more clear about what I was asking. I meant where in the code does the theme make reference to the URL of the font file?
For example, how a css file is called with <link rel="stylesheet" href="https://domain.com/path/to/mystyle.css"> or how a php file is included with include ('/path/to/myinclude.php').
I would think I need to find that reference and simply change the http to https. Or, if there is a better solution you know of please let me know.
I truly hope this proves helpful for you. Should you have any further questions or encounter any difficulties along the way, please don't hesitate to reach out.
Hi, I'm not sure if I should be reaching out to you or the developers of the other plugin, so I'm reaching out to both in hopes that one of you may be able to help.
I am using the latest version of the Salient theme with the Hummingbird Pro plugin to minify CSS and JS files. I am only using Hummingbird to minify the files -- I am not using the "combine files" feature. I also use Hummingbird for caching.
I'm having an issue where the icons on my website (most noticeably the "down carat" icons in my navigation menu) are displaying as squares as if they are not loading properly. This is resolved by clearing the cache and refreshing, but the issue always returns at some other point later on.
Are there any CSS or JS files that I should avoid either minifying or caching in order to resolve this issue? Do you have any other recommendations, ideas, or code snippets that I can add to the functions file that may help?
Thank you
Attached files: Screenshot 2024-07-02 142017.png
Hi there,
Thanks for writing to us.
Please try to install the Font Awesome plugin and see whether that helps.
Let us know how this goes.
Hi Judith,
That didn't seem to work. I installed it, cleared cache, and a couple visits later the icons are back to squares.
Hi again,
Thank you for getting in touch.
I would recommend clearing your cache and then disabling the humming bird plugin and see if the issue is resolved. You can also try our recommended caching plugins and see if that helps https://themenectar.com/docs/salient/performance-optimization-guide/.
Try this and let us know how it goes.
Best regards,
Hi again,
Sorry for the delayed response. I tried your recommendations but there was no luck. However I did get a response back from the Hummingbird plugin developers and they noticed that there is a Mixed Content message in the dev console for the file "'http://gacommuteoptions.com/wp-content/themes/salient/css/fonts/icomoon.woff?v=1.6'"
Can you tell me where in the theme files this is referenced so I can update my child theme and change that to an https url?
Attached files: Screenshot 2024-07-25 122916.png
Hi again,
Thank you for getting back to us.
You can find this in the salient folder by following the locations like in the URL you shared. Here's a screenshot of the same.
I hope that helps.
Cheers,
Hi Andrew,
So sorry, I should have been a little more clear about what I was asking. I meant where in the code does the theme make reference to the URL of the font file?
For example, how a css file is called with <link rel="stylesheet" href="https://domain.com/path/to/mystyle.css"> or how a php file is included with include ('/path/to/myinclude.php').
I would think I need to find that reference and simply change the http to https. Or, if there is a better solution you know of please let me know.
Hi there,
Thanks for writing back.
This guide can help you fix the Mixed Content error : https://www.wpbeginner.com/plugins/how-to-fix-the-mixed-content-error-in-wordpress-step-by-step/
I truly hope this proves helpful for you. Should you have any further questions or encounter any difficulties along the way, please don't hesitate to reach out.
Best regards,