Stack photo in Gallery – focal theme

[RikkeNogel]

Hi i would like to stack the photos in the gallery section – not in the carousel as they are now. Ideally with 2 photos in each line, but otherwise in a stack would be perfect, can you help me?

My shop is https://kolekto.dk

[RikkeNogel]

Hi Dharti, thank you so much for your answer, and, yes 1000 thanks, it stacks them in 2 rows unfortunately it also affects the look on computer, I only want to change it on mobile. Can you do that? And unfortunately scripted “squeezes” the images so they change format.

[tim_tairli]

I’d look into some settings or using another section type first, but if none is offered,

I’d suggest the following code to put into sections “Custom CSS” setting:

.gallery__list {
  gap: var(--container-gutter);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, auto));
}

@media (min-width:550px) {
  .gallery__list {
    grid-template-columns: repeat(auto-fit, minmax(200px, auto));
  } 
}

.gallery__list > .gallery__item, 
.gallery__figure {
  margin: 0 !important;
  width: 100%;
}

img.gallery__image {
  object-fit: contain;
  width: 100%;
  height:  auto !important;
}

[RikkeNogel]

Thank you so much for your time, i made it work, thank you so much