Different Image Size on Desktop and Mobile

Solved
Excursionist
61 0 3

@KetanKumar ?? Not sure what you meant.

 

The earlier screenshot that I shared, it was taken through chrome inspect element device preview.

Here is the live website link, removed password:

https://mevicollection.com/

 

On desktop the cover image is perfect,

 

But on Mobile Device I need to crop the cover image slideshow in width & increase the height of the image. 

 

The output that @Blisstique's website has on desktop and mobile is what I'm looking to implement (Check this from inspect element on mobile resolution): https://shopblisstique.com/ (The text is getting cropped in width & height is increasing.) of slideshow cover image.

 

 

0 Likes
New Member
3 0 1

Hi @KetanKumar 

 

Is there a way to use different banner on desktop and mobile? If so, could you help me out?


Website: https://thedrchen.com/

Shopify Partner
12006 1479 4347

@drchen 

It can be done by doing some code customization. Please take the help of a developer and hire Shopify Expert or me

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
New Member
2 0 1

Hi need help with mine, brooklyn is my theme

Shopify Partner
12006 1479 4347

Hello, @adriansee 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide 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
New Member
2 0 1

https://saint-tropez-online.myshopify.com/

 

for banner and the product cover photo. but I think the banner is fixed already? Just made it "Adapt to first image"

0 Likes
Shopify Partner
12006 1479 4347

@adriansee 

Thanks for it

so do you need more?

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
New Member
1 0 1

Hi, 

I tried entering the code into the file and it's still not working. Is there anything else I could try ??

 

 

Shopify Partner
12006 1479 4347

@Cece11 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide 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
Tourist
6 0 3

Hello, 

 

I am having the same issue on my website.  I tried to use the code that you provided and it did not work unfortunately. The image on the desktop site for the first slide is too big and it cuts off the full picture.  On the mobile website, the second two pictures are too big and you can't see them fully.