Recently our search bar icon went missing from the mega menu at our header. The icon is now a small box. Any idea what is wrong? http://www.gomerblog.com Thanks
These icons (you can see that the dropdown on your menu items is also missing) are supplied in a font that is apparently not being found. If you didn’t delete it, one way this happens is that fonts are not picked up by default by external delivery solutions. Guess from a fellow theme user: Did you recently acquire a CDN service?
We use MaxCDN, but we have had them for over a year now. Do you think we should try purging the CDN, or is this likely a problem from somewhere else? Thanks
Hi,
This usually happens when loading the font file (which contains those icons) from another host/url. I have checked your browser’s console and you have an error – http://screencast.com/t/y0eFhKpRc8Ht
The solution would be to load them from the same url as the site or try this solution – http://webmasters.stackexchange.com/questions/71630/font-blocked-from-loading-by-cross-origin-resource-sharing-policy-no-access-co
Thanks!
That was the issue. I added this code below to my .htaccess file and it is now working. Thank you!
<IfModule mod_setenvif.c>
<IfModule mod_headers.c>
# mod_headers, y u no match by Content-Type?!
<FilesMatch “\.(gif|png|jpe?g|svg|svgz|ico|webp)$”>
SetEnvIf Origin “:” IS_CORS
Header set Access-Control-Allow-Origin “*” env=IS_CORS
</FilesMatch>
</IfModule>
</IfModule>
<IfModule mod_headers.c>
<FilesMatch “\.(ttf|ttc|otf|eot|woff|woff2|font.css|css|js)$”>
Header set Access-Control-Allow-Origin “*”
</FilesMatch>
</IfModule>
