Navigation
Archive / Problem with customized icon on SF menu
This is archived content. Visit our new forum.

Tagged: 

1 2
  • Author
    Posts
  • February 15, 2017 at 10:21 pm #1372975
    tarekr
    Participant

    Hello,

    I designed my own icon to designate the SF menu. You can see on https://tarekrabaa.com

    I converted the icon to base64 and i uploaded to the SF menu panel.
    When i open the website, i can see the icon working normally but it disappears when i refresh. I need to clear the cache everytime i reload my website.

    How to solve this problem?

    Regards,
    Tarek

    February 16, 2017 at 2:14 am #1373192
    Rad
    Moderator

    Hi there,

    Thanks for writing in.

    It’s loading okay and always there at least in my view. What device and browser you’re testing it with?

    Thanks!

    February 16, 2017 at 11:27 am #1373827
    tarekr
    Participant

    Hi,

    I am using Firefox, Chrome and Opera.

    Regards

    February 16, 2017 at 3:02 pm #1374071
    Joao
    Moderator

    Hi There,

    See screenshot of how I see your Icon across different browsers.

    Should it look different?

    February 16, 2017 at 9:22 pm #1374474
    tarekr
    Participant

    Hello,

    Yes it is as per the attachments. But the problem i am facing is that the icon is disappearing from time to time when i reload the website. It loads the first time or second time then it disappears and i need to clear the cache to reappear again.
    I am seeing the same problem on mobile browsers.

    Many Regards,
    Tarek

    February 17, 2017 at 4:13 am #1374759
    Paul R
    Moderator

    Hi Tarek,

    I would like to check again but your site is down at the moment.

    https://www.screencast.com/t/98S26AvzK2x

    Please check with your host and let us know.

    Thanks

    February 17, 2017 at 8:14 pm #1375855
    tarekr
    Participant

    Hi,

    Website is up now.

    Regards,
    Tarek

    February 18, 2017 at 1:23 am #1376030
    Rad
    Moderator

    Hi there,

    May I see a screenshot of what you’re getting? Icon is there and it’s no disappearing after multiple trials.

    Thanks!

    February 18, 2017 at 2:25 pm #1376473
    tarekr
    Participant

    Hi.

    Screentshot shows no menu-icon.

    Regards,
    Tarek

    February 18, 2017 at 11:54 pm #1376764
    Rad
    Moderator

    Hi there,

    Thanks! I can’t really replicate it. I’m on chrome, firefox, opera on Windows 10 too. Could you try it on other device?

    February 19, 2017 at 1:35 am #1376806
    tarekr
    Participant

    Hello Rad,

    This is another screenshot.
    The icon on SF menu which is loaded with base 64 is disappearing on all my browsers. It load the first time but if i relaod again it disappear. To reappear again i need to clear the cache and then reload.
    I am using windows 10. The same problem appear on my Android mobile on the browsers:
    Firefox, Opera, Chrome and intenet Explorer.

    This is happening when i open the site repetitively in short period.

    Many Regards

    February 19, 2017 at 3:12 am #1376888
    Christian
    Moderator

    Another support member here and it also doesn’t disappear on my end. I’m using Windows 10 and Android phone with different browsers. This could be unique only to your connection. Would you mind trying a different image? Try a jpg or png.

    Thanks.

    February 19, 2017 at 4:07 pm #1377375
    tarekr
    Participant

    Hello,

    This is another screenshot I took few minutes ago.

    Many Regards,
    Tarek

    February 20, 2017 at 12:17 am #1377760
    Rad
    Moderator

    Hi there,

    It looks like related to CloudFlare’s RocketLoader, please disable it from your CouldFlare’s account/setting.

    SuperFly is initialized through javascript, so if javascript fails then menu/icon will not appear. And RocketLoader affects the load order of all javascript which explains why it doesn’t play well on Opera.

    Thanks!

    February 20, 2017 at 3:33 pm #1378783
    tarekr
    Participant

    Hello Rad,

    Yes it’s true as you said. The problem is related to Rocketloader.
    Is there a way to bypass this icon on Cloudflare?
    I already bypassed Cornerstone because it was not working with Cloudflare but when i deactivate Rocket loader my website speed dropped 20 points.

    Any idea to solve this problem?
    According to Cloudflare i can add The ‘data-cfasync’ attribute before the SRC tag in javascript like this
    <script data-cfasync=”false” src=”/javascript.js”></script> like this the icon of SF menu will be excluded from RocketLoader. But where can i add this script with SRC for the icon loaded on SF?

    Many Regards to you Rad,
    Tarek

  • Author
    Posts
1 2
  • <script> jQuery(function($){ $("#no-reply-1372975 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>