Auto adjust photo on banner for mobile

Solved
Highlighted
New Member
5 0 0

Image on the banner is not automatically adjusted for mobile view.. 

 

How do I make them look like one on the desktop view?View.jpg2020-01-13 (2).png 

Thank you  

0 Likes
Highlighted
Shopify Expert
1381 112 211

Hi @blushme 

 

This can be achieved by making a separate setting for mobile and desktop ! For better assistance PM me.

0 Likes
Highlighted

This is an accepted solution.

Hello @blushme,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

@media only screen and (max-width: 980px) {
 #shopify-section-slideshow .hero {
  height:auto;
 }
}

 

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
Highlighted
New Member
5 0 0

Thank you so much.. ;)

0 Likes
Highlighted
New Member
5 0 0

Hi I am having the same issue and my banner is viewing as very zoomed in on the mobile version. I tried to use this code but it is still not displaying properly. 

The theme I am using is Debut. 

Is there a new code to use? 

0 Likes
Highlighted

Hello @thebod,

Can youplease share your site url

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
5 0 0

Thank you! The site is https://the-bod.com/ 

It is happening with the banner at the top and also at the bottom. 

0 Likes
Highlighted
New Member
1 0 0

YOU ARE THE GOAT!

0 Likes
Highlighted
Excursionist
28 0 3

Im having the same problem but for Desktop version.. Any advice?

0 Likes
Highlighted
New Member
1 0 0

Hi TroWul. 

 

Use the app COLLECTION SLIDE SHOW - https://apps.shopify.com/collection-slideshow?surface_detail=collection+slideshow&surface_inter_posi...

 

1.PNG2.PNG3.PNG

4.PNG

 

Mine solved it like this!

https://www.botswana.com.br

Hope this helps!

 

 

0 Likes