Different Image Size on Desktop and Mobile

UmairA
Shopify Partner
878 86 176

Hey there @Maguire1980,

You didn't mention what you want to achieve exactly? To reduce height or width? Also, your image dimensions are also negatively contributing to the mobile view.

Anyways, adding the following code to your theme.css file can fit perfectly but will reduce height.

#Hero-hero-1 {
height: unset !important;
}

 

Don't forget to let me know if it fixes your issue.

Need help with theme customization or to add a new feature? Hire me
Email: umairabbascs@gmail.com
WhatsApp: WhatsApp
Theme customization | Custom coding | Store Setup | SEO Audit | Speed Optimization | Tweaks & Bugs fixing
0 Likes
Maguire1980
New Member
2 0 1

Thanks, appended that on to the end of the file but unfortunately it hasn't worked. I have tried to resize this image but still coming up with this problem. I need the width to be resized smaller for it to work on the mobile version.

0 Likes
WesamS
Excursionist
11 0 5

Hello KetanKumar

I have the same problem so, I've tried the code it works but only with the upper photo the end-page lower one didn't work please help

 

0 Likes
WesamS
Excursionist
11 0 5

Hello KetanKumar

I've the same issue I tried the code it works with upper image but the lower En-page one didn't work

KetanKumar
Shopify Partner
18938 1986 6999

@WesamS 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
WesamS
Excursionist
11 0 5

site url

beutygo.myshopify.com

password: skulta

I used a code and works but decreases image quality

KetanKumar
Shopify Partner
18938 1986 6999

@WesamS 

thanks for post 

can you please share a further issue screenshot?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
WesamS
Excursionist
11 0 5

2021-04-12 (1).png2021-04-12.png

0 Likes
KetanKumar
Shopify Partner
18938 1986 6999

@WesamS 

possible to look like this 

KetanKumar_0-1618226725614.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
WesamS
Excursionist
11 0 5

there are up and down spaces 

0 Likes