Tagged: Hide, Masonry Gallery, mobil
WP-Settings:
Masonry Gallery / Content / Captions:
– Display Title and Excerpt
– Display as centered overlay (overlays the image)
– Display on mouse hover
For desktop: “Title and Excerpt” are hidden and displayed by mouse hover, only.
But for tablet and smartphone: “Title and Excerpt” are always displayed by default.
Is there a way to hide “title and excerpt” for tablet and smartphone, too ?
Many thanks in advance
Hey Pivou,
Thank you for the inquiry.
Is there a way to hide “title and excerpt” for tablet and smartphone, too ?
It is possible but there is no hover state on mobile devices, so the title and excerpt will no longer display. If you want to proceed, use this css code.
@media only screen and (max-width: 767px) {
.av-masonry-entry-content {
display: none !important;
}
}
Best regards,
Ismael
Thank you for your help. This hides the excerpt, but the title is still being displayed.
On my mobil-phones there is a state, when the image gets blurred while “pointing” or “touching” an image with a finger. It would be nice to display title and excerpt on “touch”, if this is possible ?
Hi,
Sorry for the late reply, please try this css while “pointing” or “touching” an image with a finger.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
#wrap_all #main #portfolio .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry .av-inner-masonry-content {
opacity: 0;
}
#wrap_all #main #portfolio .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry:hover .av-inner-masonry-content {
opacity: 1;
}
Best regards,
Mike
Hello Mike,
many thanks, it works like a charm!
☺Best regards
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon