How can I improve mobile image display on my Colorblock themed store?

[Akshay_solanki]

Hi, 

The theme of the store I Colorblock. I am trying to use the slide show feature. The images look fine on the desktop but are getting cut in the mobile version. Not only in the slideshow but in the image feature also. 

Can anyone help me out with how to improve the mobile experience?

Store URL - https://infiniahomeandkitchen.com/ 

Pwsd - mdapl

 

[Moeed · Accepted solution]

Hey @Akshay_solanki 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag.

<style>
@media only screen and (max-width: 768px) {
.media>*:not(.zoom):not(.deferred-media__poster-button), .media model-viewer {
    height: 85% !important;
    margin-top: 23px;
}
}
</style>

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed