Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 10, 2018 at 8:54 am #1007812
    tammiviestinta

    Hi,

    I have problems with social media icons. On some screens and browsers they are not shown, on some they are ok. Same with phones. Can you help me?

    I already tried this:
    @media only screen and (max-width: 1150px) {
    .main_menu, #header_main_alternate {
    display: block;
    }
    .responsive #header .social_bookmarks {
    display: block!important;
    }}

    September 10, 2018 at 10:20 am #1007838
    Rikard

    Hey tammiviestinta,

    Thanks for the login details, are you referring to the Fb icon in the header? If so then it’s displaying on all screen resolution using Chrome on my end. How can we reproduce the problem?

    Best regards,
    Rikard

    September 10, 2018 at 12:02 pm #1007860
    tammiviestinta

    Yes, Facebook icon in the header. It works on my computer, but on my clients computer there is only a square where icon should be (Chrome, Edge and Firefox). But in Safari it works.

    In iPhone and Honor 9 it is also ok, but in Honor 8 it looks like this: https://photos.app.goo.gl/yt1NTxsHvBQnakgr9

    September 11, 2018 at 10:26 am #1008305
    Dude

    Hi,

    If you notice that font files aren’t loading correctly, or receive the following error in the browser console then you need to modify your server configuration.

    This is because web fonts are subject to Cross-Origin Resource Sharing (CORS). CORS is a way for a remote host to control access to certain types of resources.

    To resolve this issue you need to ensure that your server is sending the correct Access-Control-Allow-Origin header when font files are requested. If you’re unable to modify your server configuration please contact your web host and link them to this post.

    Apache server
    Add the following block to your .htaccess file:

    
<FilesMatch ".(eot|otf|ttf|woff|woff2)">
    Header set Access-Control-Allow-Origin "*"
</FilesMatch>

    Nginx server
    Add the following location block to your virtual host file (usually within the server directive) and reload Nginx:

    
location ~* \.(eot|otf|ttf|woff|woff2)$ {
    add_header Access-Control-Allow-Origin *;
}

    Best regards,
    Peter

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.