Tagged: , ,

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • May 20, 2020 at 11:19 am #1214615
    edupuntoes

    Hello,

    I’ve realized that in one of my pages the icons are displayed as squared boxes. This only happens when I seed the web page through my phone, and not when I use the Google Chrome developer tool to see in the mobile version.

    The web page URL is https://fayenzza.com/diseno-web-wordpress/

    Any ideas of why is this happening?

    Thanks and best regards,
    Eduardo

    May 22, 2020 at 3:56 pm #1215264
    edupuntoes

    Hello, Can anyone help me with this issue, please?

    • This reply was modified 4 years, 5 months ago by edupuntoes.
    May 24, 2020 at 1:48 am #1215625
    Mike

    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

    May 24, 2020 at 9:32 am #1215672
    edupuntoes

    Hi Mike,

    Thanks for your reply, and my apologies for the trouble. My web page was set as a draft but, right now is published.

    Would you please try to access it again? https://fayenzza.com/diseno-web-wordpress/

    Thanks and best regards,
    Eduardo

    May 24, 2020 at 1:07 pm #1215719
    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

    May 24, 2020 at 1:16 pm #1215728
    edupuntoes

    Hi Mike,
    You are right! I was accessing through “http” instead of “https”.

    I suppose that regular visitors will access to “https” by default, right? Or should I make any change to be sure nobody access through http like it happened to me?

    Thanks!!
    Eduardo

    May 24, 2020 at 2:01 pm #1215753
    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

    May 24, 2020 at 2:38 pm #1215773
    cemkoyuk

    Hello, I am faced with the same problem, and although I tried all the solutions on other issues, I could not reach a result, can you help?

    Website: http://aegeyildirim.com

    May 24, 2020 at 3:32 pm #1215785
    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

    May 24, 2020 at 3:52 pm #1215796
    cemkoyuk
    This reply has been marked as private.
    May 24, 2020 at 8:41 pm #1215870
    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

    August 31, 2020 at 4:40 am #1242044
    oladigital_co
    This reply has been marked as private.
    August 31, 2020 at 1:11 pm #1242168
    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

    September 1, 2020 at 1:55 am #1242331
    oladigital_co

    Hi Mike!

    Since I posted the comment, I found another thread that mentioned disabling CDN via the host. I did that and it fixed the problem instantly! GoDaddy have a new CDN feature which I believe is the issue, as I’ve never had this come up before when transferring to GoDaddy in the past. I hope anyone who was as frustrated as me with this issue can come across this thread or comment because it ended up being as simple as toggling a switch off. Phew!

    Thanks for your prompt response.

    September 1, 2020 at 11:55 am #1242489
    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

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Icons are displaying as boxes in mobile version’ is closed to new replies.