FROM CACHE - en_header

Mobile View

Solved
Edgar_Mkrtchyan
Tourist
7 1 1

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)

 

Screen Shot 2022-04-07 at 7.55.24 PM.png

 

Accepted Solution (1)

Accepted Solutions
Edgar_Mkrtchyan
Tourist
7 1 1

This is an accepted solution.

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

View solution in original post

Replies 4 (4)
diego_ezfy
Shopify Partner
2825 538 770

@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
Tourist
7 1 1

This is an accepted solution.

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

Edgar_Mkrtchyan
Tourist
7 1 1

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

 

Edgar_Mkrtchyan
Tourist
7 1 1

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