Main Menu Icons gone with cloudfront CDN

Hi, I’m sorry for the late answer. Yes I did try both things you suggested, but as long as I keep the plugins and scripts which I need for the site to look the way it is supposed to be the icons keep missing and are replaced by white boxes.

Hello, yes, but I just need to know if the issue comes from one specific plugin, then you will be able to re-activate them, we will know which one cause this and we will have more options.

I tried again to disable all plugins and scripts, but as long as minify and CDN (cloudfront) in w3 total cache are turned on at the same time the issue with the missing icons or totally broken layout remains.

Hello, I think you close to finding the issue, if you disable the CDN, it works? Or it is when you disable the cache plugin?

The CDN is integrated via the cache plugin. If I disable either the CDN part of the cache plugin or the minification part of the cache plugin everything is fine. But I’d really like to use them both at the same time ??

Hello,

SOrry for the late reply. Can you share the site link again? The old links are not working. I need to check it again.

Hi, sure here’s the link: https://woocommerce-211417-718726.cloudwaysapps.com/, I’m sorry I thought it was no longer needed.

Hello,

Try to add the below code to the .htaccess file and check it works or not.

<IfModule mod_headers.c>
  <FilesMatch "\.(ttf|ttc|otf|eot|woff|woff2|font.css|css|min.css|js)$">
    Header set Access-Control-Allow-Origin "*"
  </FilesMatch>
</IfModule>

For the subdomain, also add the below code in the .htaccess file – change the domain name in the code

<ifmodule mod_headers.c="">
   SetEnvIf Origin "^(.*\.domain\.com)$" ORIGIN_SUB_DOMAIN=$1
   Header set Access-Control-Allow-Origin "%{ORIGIN_SUB_DOMAIN}e" env=ORIGIN_SUB_DOMAIN
   Header set Access-Control-Allow-Methods: "*"
   Header set Access-Control-Allow-Headers: "Origin, X-Requested-With, Content-Type, Accept, Authorization"
</ifmodule>

• This reply was modified 5 years, 10 months ago by Amit Singh.

Is there a specific place where I need to add the code? I’m asking because when I just add the code at the end of the htaccess file I get this message:

Internal Server Error
The server encountered an internal error or misconfiguration and was unable to complete your request.

Please contact the server administrator at [no address given] to inform them of the time this error occurred, and the actions you performed just before this error.

More information about this error may be available in the server error log.

Okay, please try the plugin instead of the above code. I’m not sure but it could be a possible reason – https://github.com/ahmadawais/WP-REST-Allow-All-CORS

Hi I tried the plugin but it didn’t change anything. Just to be sure, is it right that I can just download the WP-REST-Allow-All-CORS-master plugin folder, unzip it and move it to the wordpress plugins folder?

By the way thank you very much for your effort to help on this, I really appreciate that a lot.

Yes, install it like a normal plugin. Also, our support is limited here due to the many limitations of the forum. Hope you understand it.

I see, thank you. I did that but it still doesn’t work.

Sure, I fully understand, no worries about that. Thank you very much for your effort, much appreciated ??

Thank you for your understanding. We tried all the things but could not find the reason for the issue.