The slider is not responsive

Your slider works on mobile for me, could you explain your issue further?

Hi Andrew,

The images used in the slider or rather the slider has the whole does not adjust itself to show full slider when browser is reduced in size or when viewed with mobile (Android).

Browsers I’ve tried are IE and Chrome.

The rest of the sections below the slider are perfect. They are responsive . =)

Thanks!

Have you tried adding the background-size style to the slider? E.g.

.sequence-slider {
 background-size: 100%;
}

https://www.w3schools.com/cssref/css3_pr_background-size.asp

Just tried adding it to the child’s theme style sheet. Still the same. =(

Ooops that should be the ‘li':

.sequence-slider li {
 background-size: 100%;
}

Actually you may need an ‘!important‘ rule here:

.sequence-slider li {
 background-size: 100% !important;
}

The slider is responsive now! Just that the image is duplicated into a few lines.

Sounds like you need to add a background-repeat of “no-repeat” too:
https://www.w3schools.com/cssref/pr_background-repeat.asp

Hi Andrew,

I’ve added the “no-repeat” rule but still the same result.

.sequence-slider li {
 background-size: 100% !important;
 background-repeat: no-repeat;
}

I’m guessing you’ll need the ‘!important‘ rule thrown in there too

Hi Andrew,

Thanks a lot! It works now!

Thanks works for my web too

Tks it works with me too!