Tagged: , , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 12, 2014 at 11:44 am #290404
    Cinetic

    Hallo,

    I’m using Masonry Gallery to build my portfolio, but gallery on my website does not display correctly on the mobile phone.
    There is a problem with thumbnails. There are overlapped by Title and Caption so almosn not visible.
    http://mapme.lh.pl/cinetic2/portfolio/takk-tymczasowa-akcja-kulturalna-katowice-2011/

    Check Images please.
    Img1
    Img2

    How can I solve this problem?

    • This topic was modified 11 years, 3 months ago by Cinetic.
    July 12, 2014 at 1:43 pm #290418
    Yigit

    Hi Cinetic!

    Can you try deactivating all active plugins and check if that helps

    Regards,
    Yigit

    July 12, 2014 at 3:56 pm #290514
    Cinetic

    unfortunately it did’t change anything :/

    July 12, 2014 at 4:20 pm #290526
    Cinetic

    I noticed that the problem occurs when I’m using Custom Link for the images

    July 13, 2014 at 4:05 am #290699
    Ismael

    Hey!

    Thank you for using the theme.

    You can use this on Quick CSS or custom.css to disable the captions on mobile devices especially on iPhones:

    @media only screen and (max-width: 767px) {
.main_color .container .av-inner-masonry-content {
display: none;
}
}

    Cheers!
    Ismael

    July 14, 2014 at 1:35 pm #291031
    Cinetic

    Thanks for replies,
    this is a some kind of solution but I have two more questions:

    1) The first large image on the top is heavily cropped in the height. How Can I increase this value ?

    2) I have two Masonry Galleries there (both in one single full width column) Images below the big picture (linked to the youtube video), are in the second Masonry Gallery. Now I have 2 columns there, how can I change it to 3 columns?

    http://mapme.lh.pl/cinetic2/portfolio/polish-film-festival/

    July 19, 2014 at 2:42 am #293202
    Devin

    Hey!

    Not sure if this is related but the following css is breaking the layout heavily:

    
.av-masonry-image-container img {
height: 10%;
}

    Regards,
    Devin

    March 16, 2018 at 2:19 pm #928109
    vbonora

    Hi,

    I am using Masonry Gallery to build my portfolio, I would need to change the size in height from the mobile view, from rectangular to square, only from mobile. from the desktop they are fine like that. can you help me? it’s quite urgent.
    thanks in advance

    March 19, 2018 at 6:53 am #928879
    Ismael

    Hi,


    @vbonora    : Please create a new thread or ticket with the site url and the login credentials. We’ll check it there.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Masonry Gallery – Overlapped thumbnails on mobile devices’ is closed to new replies.