I can't optimise Mobile/Desktop image layout for Taste theme

Store Design
,
1

I can’t get my images to look good on both desktop and mobile.

I have two images loaded - one optimised for desktop and one optimised for mobile which are loaded but they seem to be linked.

If I select image size as ‘adapt to first image’ it looks great on desktop but it’s cropped on mobile.

If I select image size as ‘medium’ it looks great on mobile but it’s cut off on desktop.

Website is gifto.co.nz

any help os MASSIVELY appreciated!

2

Hi @Gifto

Please try to add this code to your theme.liquid file after and check if it is suitable for your mobile now
3

Thanks for the reply Dan, not worked for me yet.

Screenshot 2023-11-25 at 3.20.50 PM.png
Screenshot 2023-11-25 at 3.20.50 PM.png340×827 54.9 KB

Should I select ‘adapt to first image’ or ‘medium’?

4

Select adapt to image then I will check and provide code optimize for mobile

1 Like
5

thanks, it’s now selected as “adapt to first image”

6

Hi @Gifto ,

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

Result:

makkaomakka_0-1700886635294.png
makkaomakka_0-1700886635294.png545×467 46.9 KB

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

1 Like
7

that works! thanks both @theycallmemakka and @Dan-From-Ryviu for your help and quick responses !