Change gallery aspect ratio for mobile/ipad?

Hello, I was wondering if its possible to keep a 3:2 image ratio on computer screens but for mobile phones and iPad/tablet use CSS to force a square gallery?

Thank you 

Hi. Can you share link to page wherer you use gallery? We can check easier

On 4/14/2021 at 10:47 AM, tuanphan said:

Hi. Can you share link to page wherer you use gallery? We can check easier

SITE qwert123 thank you for looking

On 4/16/2021 at 8:04 PM, creativesurfing said:

SITE qwert123 thank you for looking

Incorrect password

10 hours ago, tuanphan said:

Incorrect password

Damn, sorry, all fixed it should work now. Thank you for looking

On 4/20/2021 at 2:11 AM, creativesurfing said:

Damn, sorry, all fixed it should work now. Thank you for looking

Still incorrect

qwert123

https://saffron-cone-7hws.squarespace.com/

10 minutes ago, tuanphan said:

Still incorrect

qwert123

https://saffron-cone-7hws.squarespace.com/

qwerty123

21 hours ago, creativesurfing said:

qwerty123

Yes. Thanks. Where is gallery?

36 minutes ago, tuanphan said:

Yes. Thanks. Where is gallery?

 

It’s the page called ‘projects’ - they are set to square but I’d like the option for them to be more landscape format on a phone if it’s possible?

On 4/22/2021 at 4:40 PM, creativesurfing said:

It’s the page called ‘projects’ - they are set to square but I’d like the option for them to be more landscape format on a phone if it’s possible?

Add to Design > Custom CSS

@media screen and (max-width:767px) {
.tweak-portfolio-grid-overlay-image-aspect-ratio-11-square .portfolio-grid-overlay .grid-image, .tweak-portfolio-grid-overlay-image-aspect-ratio-11-square .portfolio-grid-overlay .grid-item {
    padding-bottom: 75% !important; /* default is 100 */
}
}

7 hours ago, tuanphan said:

Add to Design > Custom CSS

@media screen and (max-width:767px) {
.tweak-portfolio-grid-overlay-image-aspect-ratio-11-square .portfolio-grid-overlay .grid-image, .tweak-portfolio-grid-overlay-image-aspect-ratio-11-square .portfolio-grid-overlay .grid-item {
    padding-bottom: 75% !important; /* default is 100 */
}
}

 

Amazing thank you, this is working perfectly!