Mobile View

[Edgar_Mkrtchyan]

Hi there, the mobile view of my website cuts off images I'd love some help resizing this please. www.levelup.store using the split theme.
I haven't this file (theme-index.min.css)

 

[diego_ezfy]

@Edgar_Mkrtchyan,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:

<style>
.site-box-background.with-image {
    background-size: contain !important;
}
</style>

For the way your theme's slider has been coded, unfortunately it's not possible to make it not cut off the images. The best alternative in this case is to force the aspect ratio of each image, but this will leave some empty space around it.

If you need a Slideshow that will not cut off the images, there are some copy/paste sections like this one that can help you (and work out of the box with the Split theme).

Kind regards,
Diego

[Edgar_Mkrtchyan · Accepted solution]

Thank you, but I need to resize product pictures not slid pictures, can you help me?

[Edgar_Mkrtchyan]

in desktop version on pc also cuts off images, but a little bit small

[Edgar_Mkrtchyan]

Thank you, but I need to resize product pictures not slid pictures, can you help me?

in desktop version on pc also cuts off images, but a little bit small.

0

Reply