Okay
  Public Ticket #2377463
Project thumbnails flicker as they load
Closed

Comments

  • Ervin started the conversation
    April 26, 2020 at 11:26am

    Hi, 

    The project thumbnails on my portfolio page flicker as they load on mobile devices. (As opposed to loading with the "fade in up" animation) This doesn't happen on desktops or laptops. And it doesn't happen on all mobile devices, too. I've sent the link to a couple of my friends and some said it happened, but not all of them.

    The problem seems to be specific to Apple devices. I tried it on different browsers on my iPhone and all had the same problem - so it's not browser specific.

    For the record, I'm using an iPhone 7 running on iOS 13.3.1.

    I tried you demo page too: https://neuronthemes.com/bifrost/portfolio-showcase/ And it also had the same problem.

    It might be a bug. But if you could solve this, it would be greatly appreciated.

    Thanks,

    Ervin.

    PS. I'm sending a gif to show how the it looks on my device.

  •  675
    Neuron replied
    April 27, 2020 at 3:11pm

    Hi Ervin,

    Thank you very much for the brief details.

    I think the option that adds the delay makes it flickry in the iOS devices, since I've found this stackoverflow answer, that makes us able to add CSS only for iOS devices.

    - https://stackoverflow.com/questions/30102792/css-media-query-to-target-only-ios-devices

    We can add some simple CSS that would remove the wow animation.

    @supports (-webkit-touch-callout: none) {  
    .wow {
        visibility: visible !important;
    }
}

    Kind Regards

    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • Ervin replied
    April 27, 2020 at 3:22pm

    Hi again,

    I pasted the code to "Additional CSS" section under Customize tab. It didn't work.

    This CSS code seems to be working only for Safari Browsers. But I get the same error on iOS Chrome as well. It might be a platform specific error, not a browser specific one... 

    Any others suggestions would be most welcome.

    Best,

    Ervin.

  •  675
    Neuron replied
    April 27, 2020 at 4:10pm

    Hi Ervin,

    What about changing to this one, please let me know if the issue appears again.

    @media (max-width: 991px) {
    .wow {
        visibility: visible !important;
    }
}

    This means, the CSS will be applied in all devices from 991 pixels and smaller.

    It's easier for us locate the issue.

    Kind Regards

    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • Ervin replied
    April 27, 2020 at 5:35pm

    I tried the code, but the problem persists... Do you have any Apple devices nearby? Does it happen on your devices too? 

    I suspect it might not be CSS related...

  •  675
    Neuron replied
    April 28, 2020 at 3:01pm

    Hi Ervin,

    Can you please provide me with an URL of that page.

    Since the URL you've provided returns a 404.

    Kind Regards

    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • Ervin replied
    April 30, 2020 at 6:08am

    Hi, 

    Since this is minor glitch, I decided to take the website live, so the final link is this:

    https://haritametod.com/

    Thanks in advance.

    Best,

    Ervin.


  •  675
    Neuron replied
    April 30, 2020 at 4:11pm

    Hi Ervin,

    It seems like you did a great job with the website, kudos for thatsmile.png

    The page that you're facing the issue is the works page right?

    - https://haritametod.com/works/

    I've tested it on iPhone X and iPhone 7(Same version as yours), I did not experience that flickr.

    Can you please clear the cache on phone and check it again.

    Kind Regards

    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • Ervin replied
    May 4, 2020 at 10:54am

    Hi, 

    The website took a long time but we're happy with the result as well :)

    Btw, thank you for building such a high quality theme and having great support. I'm a happy customer :)

    I think I'll let this one slip. I'm still having the same problem but as you said, on some devices we couldn't replicate the problem. (I tried everything, including clearing the cache and turning the phone off and on)

    Thanks for trying to help though. Much appreciated.

    Best,

    Ervin.

  •  675
    Neuron replied
    May 5, 2020 at 10:57pm

    Hi Ervin,

    I am truly sorry for the late reply.

    We're very happy to hear these words, please let us know if we can help with anything that you need.

    I've made you a video with iPhone 7 and Safari.

    - https://streamable.com/whylis

    I have tested it as well on different devices, no one is having issues. 

    Kind Regards

    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.