JohnS123 Posted April 22, 2020 Share Posted April 22, 2020 Has anyone had any coding luck maintaining two columns at the 576 breakpoint when using the masonry grid? I've found plenty of answers for the grid-only, but not masonry. Is this even possible based on how the images reorder at that size? Thanks Link to comment
maj494 Posted May 23, 2020 Share Posted May 23, 2020 @media only screen and (max-width: 640px) { .gallery-masonry .gallery-masonry-wrapper { columns: 2; column-gap: 0; height: auto!important; display: block!important; padding: 0px; } .gallery-masonry-item-wrapper { height: auto!important; } .gallery-masonry-item { position: relative!important; transform: none!important; width: 100%!important; display: block; padding: 1.5px!important; box-sizing: border-box; } .gallery-masonry .gallery-masonry-item img { height: 100%!important; width: 100%!important; } } This is what I have so far. Problem is the column are out of order. I'd really like someone to figure that out. Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.