Kinreu
-
Posts
10 -
Joined
-
Last visited
Reputation Activity
-
Kinreu got a reaction from tuanphan in Gallery - 2 columns of Images for desktop gallery and 1 column for mobile - Need code that works
thanks @tuanphan that i wanted the confirmation for that the code to display in all the situation was correct. Thanks afain for your help.
-
Kinreu reacted to tuanphan in Gallery - 2 columns of Images for desktop gallery and 1 column for mobile - Need code that works
With 2 columns on iPad, use this CSS code
@media only screen and (max-width: 991px) and (min-width:768px) { body.homepage { .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; } }}
-
Kinreu reacted to tuanphan in Gallery - 2 columns of Images for desktop gallery and 1 column for mobile - Need code that works
Above is for Gallery Masonry, with Gallery Grid, use this code
@media screen and (max-width:767px) { .gallery-grid-wrapper { grid-template-columns: repeat(1,1fr) !important; } } If it doesn't work, please share link to page where you use gallery, I can check easier
