flameo
-
Posts
0 -
Joined
-
Last visited
Reputation Activity
-
flameo reacted to tuanphan in Masonry Grid to display one column on mobile only?
I see you solved with new code?
@media screen and (max-width: 767px) { .gallery-masonry-item-wrapper { height:auto !important; margin-bottom: 30px !important } figure.gallery-masonry-item { position: relative !important; width: 100% !important; transform: unset !important } .gallery-masonry-item-wrapper { height: auto !important } .gallery-masonry .gallery-masonry-item[data-loaded] img { width: 100% !important } .gallery-masonry { padding-left: 10 !important; padding-right: 10 !important } .gallery-masonry-wrapper.gallery-masonry-list--ready { height: auto !important } }
-
flameo reacted to tuanphan in Masonry Grid to display one column on mobile only?
Hi. Add to Design > Custom CSS
/* Masonry one item on mobile */ @media screen and (max-width:767px) { .gallery-masonry-wrapper.gallery-masonry-list--ready { height: auto !important; } figure.gallery-masonry-item { position: relative !important; width: 100% !important; transform: unset !important; } .gallery-masonry-item-wrapper { height: auto !important; } .gallery-masonry .gallery-masonry-item[data-loaded] img { width: 100% !important; } .gallery-masonry { padding-left: 0 !important; padding-right: 0 !important; } }