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

    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 1 month, 3 weeks ago by  Cinetic.
    • This topic was modified 1 month, 2 weeks ago by  Cinetic.
    #290418

    Hi Cinetic!

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

    Regards,
    Yigit

    #290514

    unfortunately it did’t change anything :/

    #290526

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

    #290699

    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

    #291031

    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/

    #293202

    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

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

You must be logged in to reply to this topic.