Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 4, 2015 at 11:57 am #454389
    mijyman

    Hi there,

    Same problem as described in this thread:

    https://kriesi.at/support/topic/how-to-disable-captions-on-images-in-masonry-gallery-on-a-mobile-device/

    I used the code suggested and increased the max width of the screen so it includes tablets as well (I guess?)

    @media only screen and (max-width: 3000px) {
    .avia_desktop .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry:hover .av-inner-masonry-content {
    opacity: 0 !important;
    display: none !important;
    }}

    but no success. It works fine on desktop and mobile phone but not on tablets!

    Any ideas? Many thanks!!

    June 4, 2015 at 3:00 pm #454494
    Yigit

    Hey mijyman!

    Please use following code instead

    @media only screen and (max-width: 1024px) and (min-width: 768px) {
.av-inner-masonry-content.site-background {
  display: none !important;
}}

    Regards,
    Yigit

    June 4, 2015 at 3:40 pm #454530
    mijyman

    Hi,

    thanks for your reply. I used the code but still no success – I’m using an android based tablet – maybe it doesn’t know it’s a tablet? I don’t have an ipad or similar to test on….

    Any ideas?

    Thanks!

    PS: i cleared cache etc. so that shouldn’t be the problem

    June 4, 2015 at 3:42 pm #454533
    mijyman

    Hi,

    Had to increase the max width to 1900px but it works! Shouldn’t create any issues with laptops etc right?

    Thanks :)

    June 4, 2015 at 3:46 pm #454538
    Yigit

    Hey!

    The code i posted would be applied on screen sizes between 1024px and 768px. If you have changed it to 1900px, code will be applied between 1900px-768px basically :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.