HeatherCL
-
Posts
5 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by HeatherCL
-
-
Hi @tuanphan @Ziggy hoping this thread is still active. I am trying to do something similar, make an image gallery show two columns on mobile. On desktop the number of columns is dependent on browser width and when it goes to mobile it defaults to one image column no matter what the other settings are. I used the code below and it did make the images on mobile small enough to fit two columns, but they are still just stacked in one column.
@media only screen and (max-width:767px) {
.gallery-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
} -
-
Howdy! I am looking for some custom code to help resize images on mobile. In my image galleries on desktop I have a minimum column width of 190 so I get 4-7 columns of images depending on browser size. However on mobile it just shows one image per column (IE each image displayed is at 100% browser width plus margins.) I'd like to have at least 2-3 image columns on mobile so it's easier to scroll through a bunch of images. Any help with custom code that would achieve this would be appreciated!
Two column product page in mobile issue.
in Customize with code
Posted
@tuanphanWorked like a charm, thank you so much!