Icons are displaying as boxes in mobile version

Hi,
Sorry for the late reply, it seems that your test page is set to private because it says “Sorry, this entry is not available” please make public so we can see it and test on our mobile devices.

Best regards,
Mike

Hi,
Thank you, on my Android device with Chrome, the icons are showing fine. Which device are you using? Please ensure that when this happens you are accessing the “https” version of your site.

Best regards,
Mike

Hi,
I recommend a plugin like Really Simple SSL to force everyone to your https version.
Unless there is anything else we can assist with on this issue, shall we close this then?

Best regards,
Mike

Hi,

@cemkoyuk your issue is that your font is loading from a temp domain https://secureservercdn.net/104.238.71.109/ and is getting this error: Access to font has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource
So you need to ensure your font loads from your domain and not the temp domain. Perhaps your webhost has a setting to complete the move from your temp domain to your live domain?

Best regards,
Mike

Hi,
Sorry, I’m not sure what to change in your GoDaddy account to fix this because I’m not exactly sure how you got to this point. If my guess is correct and you set this WordPress site up with no domain and a temp URL from GoDaddy and then used a feature in GoDaddy to add it to a domain and go live, then I would ask GoDaddy about correcting the site path. I think this explanation is probably pretty close.
Another option is to Hard Code the Change in wp-config.php by changing this in your wp-config.php

define('WP_SITEURL', $_SERVER['REQUEST_SCHEME'] . '://' . $_SERVER['HTTP_HOST']);
    define('WP_HOME',    $_SERVER['REQUEST_SCHEME'] . '://' . $_SERVER['HTTP_HOST']);

to this:

define('WP_HOME','https://example.com');
define('WP_SITEURL','https://example.com');

naturally adjust the URL to your url.

Best regards,
Mike

Hi,

@oladigital_co thanks for the link to your site, but I do not see that your icons are displayed as squared boxes, nor do I see the error: Access to font has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource
Where are you seeing the icons displayed as squared boxes?
I don’t believe that this is the same issue.

Best regards,
Mike

Hi,
Glad to hear you have been able to sort this out, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike