How can I decrease mobile image size to 60%?

Store Design

Topic summary

Görselin mobilde %60 küçültülmesi isteniyor; masaüstünde boyutun iyi olduğu, ancak mobilde çok büyük göründüğü belirtiliyor. İlk öneri, Shopify yönetim panelinde sayfa düzenleyicide görsele çift tıklayıp “size/boyut” ayarından küçültmek; ancak bunun masaüstünü de etkileyeceği uyarısı yapılıyor. Alternatif olarak, yalnızca mobil için ayrı CSS/kod ile çözüm gerektiği söyleniyor.

Gelişmeler:

  • Mobilde ayrı ayar yapılması talep ediliyor (masaüstü etkilenmesin).
  • Bunun için tema koduna erişim gerektiği belirtilip “collaborator” erişimi isteniyor.
  • Erişim talebi gönderiliyor, kabul ediliyor ve güncelleme yapılacağı yazılıyor.
  • Son mesajda, görselin mobilde bir önceki gün küçültüldüğü ve detayların e‑posta ile paylaşıldığı bildiriliyor.

Not: Konu dışı/spam link içeren bir mesaj da var. Çözüm uygulandığı söylenmiş olsa da teknik detaylar (kod) forumda paylaşılmamış; e‑posta üzerinden ilerlenmiş.

Summarized with AI on February 26. AI used: gpt-5.2.
1

https://wowberrybites.myshopify.com/

Hello, I want to reduce the size of this image to 60% on the mobile version. Thanks for your help in advance !

winnado11_0-1638945802601.png
winnado11_0-1638945802601.png597×1033 326 KB

2

Hi @winnado11

Do you mean you want to make the dimensions smaller ?

I saw on mobile it is actually looking good I suggest keep as is.

See below.

Screenshot_20211208-203107.png
Screenshot_20211208-203107.png1080×2160 282 KB

1 Like
3

@vinods it’s too big in my opinion. The size is perfect on the laptop version but too big for the mobile version. I do want to reduce the image size but still make sure it’s in the center/ middle of the section. Do you know how to do that?

Thanks in advance!

4

hi @winnado11

Yes go to shopify backend and double click on image there will be a popup showing you size option.

Let me know if you want i can do it for you it will just take 2 mins.

Thanks

Vinod

1 Like
5

@vinods Yes, of course. That’d be nice of you! Please let me know the code. Thanks

6

hi @winnado11

no code just in shopify backend

go to pages

in pages open the page where you have that image

then double click the image there you will see pop up from there choose size then save.

keep in mind once you make the image smaller it will also be small on desktop so i am suggesting keep as is.

Thanks

Vinod

7

see this is how it will look on mobile

vinods_0-1639034013357.png
vinods_0-1639034013357.png1366×768 136 KB

and on desktop see below

vinods_1-1639034046126.png
vinods_1-1639034046126.png1366×768 158 KB

so i suggest keep as is.

other option is it needs to be coded separately only for mobile

8

@vinods Yes, that’s what I want. I want a separate code for the mobile version so that the changes will not affect what it is on the laptop version. Please let me know if you are able to help me with it.

9

Yes that can be done only for mobile i would need to check the code

can you grant access as collabrator access so the code can be worked.

Thanks

10

Yes, sure. Please send request!

11

Hi @winnado11

From your add as me collaborator

Then I will get a code.

Can you email me so I can give you my email on which you can add me as collaborator

12

@winnado11

I have requested access of your store from my email. thanks

13

Accepted! Thanks so much for your help!

14

received access will update you.

15

Kaliteli ve güvenilir sitelerimize üye olmak için tıklayın:

https://girispasgol.com/

https://pasgoldestek.com/

https://tudorbetgunceladres.com/

https://tudorbetdestek.com/

https://ruletnasiloynanir.com/

https://eniyislot1.com/

https://slotcubaba.com/

16

hi @winnado11

The image i have already made small in mobile yesterday, please see my email.

Thanks

Vinod