Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #290404


    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.

    Check Images please.

    How can I solve this problem?

    • This topic was modified 1 year, 4 months ago by  Cinetic.
    • This topic was modified 1 year, 4 months ago by  Cinetic.

    Hi Cinetic!

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



    unfortunately it did’t change anything :/


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



    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;



    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?



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

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


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

You must be logged in to reply to this topic.