Change gallery aspect ratio for mobile view

Site URL: https://www.snjc.world/

Hello!

I've set my aspect ratio setting at 55 for my gallery, wich looks just like I want on desktop version but when going in mobile view it looks way to small so I'd would like to increase it to 155 (so using a @media only screen and (max-width: 640px) or something like that). I can't find the css line that affects the aspect ratio of the gallery though.. Can someone help me out with that one ?

Thank you!

6 hours ago, sambarnes said:

Site URL: https://www.snjc.world/

Hello!

I've set my aspect ratio setting at 55 for my gallery, wich looks just like I want on desktop version but when going in mobile view it looks way to small so I'd would like to increase it to 155 (so using a @media only screen and (max-width: 640px) or something like that). I can't find the css line that affects the aspect ratio of the gallery though.. Can someone help me out with that one ?

Thank you!

I think custom css can help in this case, would you mind to send the site url to check?

Sure, it's for the gallery on the main page of this website: https://www.snjc.world/

Thank you for your help!

12 hours ago, sambarnes said:

Sure, it's for the gallery on the main page of this website: https://www.snjc.world/

Thank you for your help!

this image with different ratio?

Yes! But I found a solution that works in the meantime; here is the code I use

@media screen and (max-width: 640px) {
.tweak-index-gallery-layout-slideshow .Index-gallery-wrapper:after {
  padding-bottom: 155% !important;
}
}

On 3/8/2021 at 7:41 PM, sambarnes said:

Yes! But I found a solution that works in the meantime; here is the code I use

@media screen and (max-width: 640px) {
.tweak-index-gallery-layout-slideshow .Index-gallery-wrapper:after {
  padding-bottom: 155% !important;
}
}

 

On Tablet, I see huge space here.. Do you want to fix this?

I'm gonna be adding more content to that page that will appear right under that photo so it should be fine for the moment. Thank you!