Homepage slideshow not optimizing for mobile Avenue Theme

Solved
New Member
3 0 0

Hi there,

 

I'm hoping to get some help with the Avenue theme.

It appears that the slideshow we have on our homepage is not optimizing for mobile. The images are not scaling and I can't seem to find a resolution.

our website is www.ardensgarden.com

Any help is greatly appreciated!

Thank you!

 

IMG_6007.PNG

0 Likes
Excursionist
58 9 12

Hi Ardens.

 

From what I can see this is a paid theme, correctly? Have you tried reaching out to the developers for help?

 

They should be able to help you as they know their code better than anyone else.

 

Let us know how that goes.

Yes, we build Shopify Apps. Hit me with your idea: https://vellir.tech
Let customers preview your products and easily add them to cart with Peek Mode
0 Likes

Success.

Hello @Ardens,

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

@media screen and (max-width: 1400px) {
.swiper-container .background-cover {
	-webkit-background-size: 100% 100% !important;
	-moz-background-size: 100% 100% !important;
	-o-background-size: 100% 100% !important;
	background-size: 100% 100% !important;
}
}
@media screen and (max-width: 900px) {
.swiper-container .background-cover {
height: 300px !important;
}
}
@media screen and (max-width: 750px) {
.swiper-container .background-cover {
height: 250px !important;
}
}
@media screen and (max-width: 480px) {
.swiper-container .background-cover {
height: 200px !important;
}
}
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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
New Member
3 0 0

Thank you! This worked great! 

 

0 Likes
New Member
3 0 0

Hi there, one more question. Why now when I try to delete that part of the code from the assets it distorts and "breaks" the whole template? Is there a way to safely remove that code?

0 Likes

@Ardens,

You want to delete my code

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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes