Tagged: devices, Masonry Gallery, mobile, thumbnails
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.
How can I solve this problem?
Hi Cinetic!
Can you try deactivating all active plugins and check if that helps
Regards,
Yigit
unfortunately it did’t change anything :/
I noticed that the problem occurs when I’m using Custom Link for the images
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
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?
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
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