Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 14, 2018 at 1:07 am #1021128
    BBM

    Hi

    I have searched everywhere for a css code and tried modifying it in order to get these masonry titles to be hidden on tablets that are at least 1280. No matter what I do, the hover effect with the titles/captions remains on the images for tablets that are 1280. Mobile devices work fine because I just have that section set to not display the titles at all, but the tablets are the same as desktop so I am having trouble. Any help would be GREATLY appreciated!

    Thanks so much

    October 14, 2018 at 6:45 pm #1021263
    Mike

    Hey BBM,
    I took a look at your page and believe that for the hover effect of the images up to 1280px you would like the green color, but no white text. For this please try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 1280px) { 
.av-overlay-on-hover .avia-image-container-inner:hover .av-image-caption-overlay .av-image-caption-overlay-center {
display: none !important;
}
}

    Please clear your browser cache and check.

    Best regards,
    Mike

    October 14, 2018 at 7:06 pm #1021267
    BBM

    Hi Mike

    Thanks so much for your response! But I ended up getting rid of the masonry grid and ended up just using the regular images with a caption hover. On tablets the masonry grid was just not working no matter what css code I put in. I even put the max width to 1280 and it ended up screwing up the layout of my other pages. Very odd so I just went with regular images and no masonry grid which worked out perfect.

    Thanks so much for your kind help

    October 14, 2018 at 10:11 pm #1021294
    Mike

    Hi,
    Glad to hear you found a better way for your project.
    We will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Hid Hover Titles in Masonry Gallery for Tablets’ is closed to new replies.