Need help with code to have images resize on mobile device automatically

Store Design
1

78553B79-083A-485B-9784-BD907F99AF39.png
78553B79-083A-485B-9784-BD907F99AF39.png1242×2688 326 KB

2

Hi there @Wildflowerivy !

Thanks for taking the time to share your query with us here in the Community.

Could you let me know the name of that theme you’re using so we can check on how you can get support for this theme?

It looks like you’re referring to the slideshow image portion of a theme, is that correct?

I’d recommend you check out this blog article of ours to get a deeper understanding of how image cropping works with how images like this are coded.

There’s more info here on the best practices you can employ when uploading images for use in this specific instance to ensure the best outcome across multiple screen sizes.

Have a look through these and think about how you can put the best image forward for your store.

Can you tell me a bit more about your business, are you starting or expanding a fashion brand?

Regards,

Don

3

<!–
/* Font Definitions /
@font-face
{font-family:“Cambria Math”;
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:“Dancing Script”;
panose-1:3 8 6 0 4 5 7 0 13 0;}
/ Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
font-size:11.0pt;
font-family:“Calibri”,sans-serif;}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
.MsoChpDefault
{mso-style-type:export-only;}
@page WordSection1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection1
{page:WordSection1;}

4

Hi Don!

Thanks for replying, the theme I am using is Debut.

It happens with anything gallery or slideshow related. I currently have a Gallery image up there, because I changed it from the slideshow to see if that would help.

I’ve looked at a few examples of coding, but once adding it into my theme nothing changes.

Thanks!

5

Hi again @Wildflowerivy !

Thanks for getting back to me here!

The way that images like slideshows and galleries are coded means that you will need to use an image that looks good from a variety of image sizes and shapes.

It is not usually possible to change this behaviour without extensive coding customisation.

Our best advice in this situation is always to look for images that you can use that will give a working appearance for you across as many device configurations as possible.

Check out the guides I linked in my reply above, as these will explain these concepts and how you can work with them in greater depth.

Do let me know if you have any other questions or we can help out with any other aspect of your business!

Regards,

Don