Homepage slideshow not optimizing for mobile Avenue Theme

Solved
Highlighted
New Member
5 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
Highlighted
Shopify Partner
104 21 24

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
- Add free, good looking social share icons with built-in analytics to your store with Share Lab
0 Likes
Highlighted

This is an accepted solution.

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
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
2 Likes
Highlighted
New Member
5 0 0

Thank you! This worked great! 

 

0 Likes
Highlighted
New Member
5 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
Highlighted

@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
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
Tourist
11 1 1

Does this method work with all themes? 

0 Likes
Highlighted
New Member
2 0 0

Could you help me.

Where I can place this code to get this functionality ?

I did placed into end of theme.css.liquid but this dot not work for me.

I will appreciate your comments.

0 Likes