Different Image Size on Desktop and Mobile

Solved
Highlighted
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

1 Like
Highlighted
Shopify Partner
6211 907 2109

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
1 Like
Highlighted
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
Highlighted
Shopify Partner
6211 907 2109

This is an accepted solution.

@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
1 Like
Highlighted
Excursionist
14 0 5

It worked, thanks!

 

0 Likes
Highlighted
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.

1 Like
Highlighted
Shopify Partner
6211 907 2109

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
Highlighted
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
Highlighted
Shopify Partner
6211 907 2109

@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
1 Like
Highlighted
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