Hello Enfold Crew!
I’d like to know if there is a simple way to change behavior of the Masonry Gallery on a mobile device. In most cases the way it behaves would make sense – captions are auto displayed because there is no rollover on touch.
I’d prefer to simply not show the captions on mobile. Is there a way to make it happen?
Hope this makes sense! See link in private content.
thanks!
Mike
Hey mediasauce!
Thank you for using Enfold.
Add this in the Quick CSS field to remove the captions on mobile:
@media only screen and (max-width: 767px) {
figcaption.av-inner-masonry-content.site-background {
display: none;
}}
Cheers!
Ismael
Hi!
Please try !important rule to Ismael’s code as following
@media only screen and (max-width: 767px) {
figcaption.av-inner-masonry-content {
display: none !important;
}}
Regards,
Yigit
Hi,
Is there a way I can choose how many of my masonry images are seen on a mobile? I currently have 10 images displaying on a desktop/tablet and I like that, but I want only 9 to display on a mobile so it is 3 x 3 – is this possible?
The link is attached below.
TYIA!
Hi,
@billysbuddies I could not find masonry gallery on your page however you can refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/ and choose to display certain elements on mobile (masonry with 9 images) and certain elements on desktop (masonry with 10 images).
If we can see your element on your page, we might be able to provide a simpler solution.
Since this is a very old thread, we are closing this one. Please feel free to start a new one if you would like to continue on this case :)
Best regards,
Yigit