York Template, Index Page Image Aspect Ratio

woz716 · September 9, 2022

Is it possible to change the aspect ratio of images on the mobile version of the York template index page? Can this be done with css?

The current aspect ratio on mobile is too tall. I'd like it to be similar to desktop or a 3:4 ration.

Can anyone help?

tuanphan · September 19, 2022

Try adding this to Design > Custom CSS > Then save & reload the site

@media screen and (max-width:640px) {
.index-item-height-medium:not(.index-item-width-grid) .index-item {
    height: 30vh !important;
}
}

makesimplebeautiful · May 14, 2023

@woz716 Thanks for opening this topic. I was having the exact same issue with my site.

@tuanphan Thanks for your suggestion, it worked!

Recommended Posts