New Landing How can we help? Cardinal Turn off mobile rollover

Viewing 14 posts - 1 through 14 (of 14 total)
  • Posted in: Cardinal
  • #196792
    myculture
    Member
    Post count: 38

    Hey Guys,

    was wondering I have a gallery of images in some of my posts, on mobile I turned off the lightbox feature since it was crashing and slowed down the page too much but im left with the rollover. Is there a way to turn off the rollover on mobile for these galleries or in general?

    Let me know
    thanks!

    #196928
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Your website is under maintenance mode. How can i check the issue?
    Thanks
    Mohammad

    #197168
    myculture
    Member
    Post count: 38
    This reply has been marked as private.
    #197304
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    I need specific page url with issue.
    Thanks
    Mohammad

    #197448
    myculture
    Member
    Post count: 38

    It happens pretty much on all the posts but the crashes happen more so on the ones that are more image heavy. Also seems to crash more in the safari browser then the chrome mobile browser, but I think its because its trying to bring up the lightbox or the rollover animation.

    here is an example:
    http://thisismyculture.com/3-days-of-formula-drift-miami/

    #197473
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css

    @media only screen and (max-width: 479px) {
    figure.animated-overlay:hover > img{
    transform: scale(1);
    }
    
    .gallery-image figure.animated-overlay figcaption{
    display:none !important;
    }
    }

    Thanks
    Mohammad

    #197478
    myculture
    Member
    Post count: 38

    Awesome works great! thanks!

    #197483
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    You most welcome. I’m glad ๐Ÿ™‚ that issue resolved.
    Thanks ๐Ÿ™‚
    With Best Regards
    Mohammad

    #245784
    myculture
    Member
    Post count: 38

    Hello again,

    it seems like the fix I had earlier for this issue is no longer working, maybe due to an update? Im having the following happening to my gallery images and article thumbnails when you have your finger on or tap on the item:

    https://monosnap.com/file/kKxSXkOCHxyhumZHvB9HJ2KGjZIsxg
    is there a way to get rid of this effect?

    thank you!

    #245912
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Its working perfect to me so please check after clear the cache of browser.
    Thanks
    Mohammad

    #246116
    myculture
    Member
    Post count: 38

    hmm im still having the issue even after I have emptied my cache, though I am not having the issue on devices that have not been to the site before. This issue occurs in chrome desktop browser when resized to mobile size, as well as my ios chrome app and safari app.

    this is what happens on my phone after emptying cache:
    https://monosnap.com/file/H5zZx8MJFLKMOlhEUastx2CApKp7B5

    here is what happens on my desktop browser:
    https://monosnap.com/file/H5zZx8MJFLKMOlhEUastx2CApKp7B5

    is there something im missing when emptying cache?

    thanks!

    #246473
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    You have this in your custom css:

    figure.animated-overlay:hover > img{
    transform: scale(0);
    }

    Which is causing the issue. Should be:

    figure.animated-overlay:hover > img{
    transform: none;
    }

    – Kyle

    #247665
    myculture
    Member
    Post count: 38

    Thank you so much!

    #247748
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    You most welcome and glad to help you.
    Thanks
    Mohammad

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.