Different Image Size on Desktop and Mobile

DaveInvestment
Excursionist
14 0 5

Hi guys

 

Is it possible that I can use different image sizes on desktop and mobile?

For example my main banner needs to be smaller on mobile, so that the full image shows up.

 

I am using the Debutify theme 2.0.2

 

Best Regards

David

KetanKumar
Shopify Partner
19104 2002 7055

Hello, Thanks for post.

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
DaveInvestment
Excursionist
14 0 5

For example the small slideshow on the homepage is not as I want it to be on the mobile version.

And also if I add Images on the page "Für Unternehmen", I want them to be the same proportions mobile and desktop.

Thank you.

 

https://novasopener.com 

PW: Timon

 

Thank you.

0 Likes
KetanKumar
Shopify Partner
19104 2002 7055

@DaveInvestment 

Thanks for URL.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media screen and (max-width: 769px) {
.hero-mobile-xlarge {
    min-height: 100%;
    height: 300px;
}
}
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
DaveInvestment
Excursionist
14 0 5

It worked, thanks!

 

0 Likes
Tecsurfer
Tourist
3 0 1

Needing help with my store. I want the image on my desktop homepage to show up as vertical and not horizontally.

KetanKumar
Shopify Partner
19104 2002 7055

Hello, @Tecsurfer 

Welcome to the Shopify community!
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
Anna123
Tourist
8 0 0

Hi, Not sure why it does not quite work on my site. I think banner ratio on mobile looks the same as the one on PC. Could you please kindly help me check? www.simplie.net. Thanks in advance for your help. Anna.

0 Likes
KetanKumar
Shopify Partner
19104 2002 7055

@Anna123 

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

can you please provide screen short which section do you have a facing issue.

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
Anna123
Tourist
8 0 0

Hi @KetanKumar glad to receive your reply. Please check the attached two screen shots. They are banners on home page seen from mobile. The one for SMART HULA HOOP is correct. Its size or ratio looks good. But the other is incorrect. Actually I used the same code for both stores and they are both Debut theme. So I don't understand where the mistake lies. Looking forward to your help. Thank you.

correct MB banner ratio in my another store.pngincorrect MB banner ratio.png

0 Likes