Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 21, 2014 at 9:24 am #322599
    gb

    Hi,

    So Yigit gave me some handy code so that my masonry blogs would view 5 across and it works great.

    The issue is when viewing on iPads and mobile devices.

    If in set up I deactivate overlay and choose display neither, everything works great and looks as I would like.

    However, I want to display title and only on rollover. When I set it to these options, it works great on desktops but for some reason on iPads and iPhones, it loads with title being displayed as if mouse has been rolled over image and therefore blocking the entire image.

    Is it possible to fix this either by having no mouse over for iPads and iPhones only While keeping it active for desktops?

    Or is there an other solution that allows me to keep the masonry grid view visible on mobiles?

    Thanks,

    GB

    September 22, 2014 at 8:06 am #322834
    Ismael

    Hey gb!

    Thank you for using Enfold.

    You can remove the masonry content on iPad. This will also answer your other inquiry (https://kriesi.at/support/topic/images-not-showing-up-with-masonry-grid-on-iphone-5s/). Add this on Quick CSS or custom.css:

    @media only screen and (max-width: 989px) {
figcaption.av-inner-masonry-content {
display: none !important;
}
}

    Regards,
    Ismael

    September 22, 2014 at 8:03 pm #323260
    gb

    That worked great!

    Thanks Ismael.

    GB

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘What code can resolve this masonry issue on Mobiles’ is closed to new replies.