Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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!
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Have you tried adding the background-size
style to the slider? E.g.
.sequence-slider {
background-size: 100%;
}
http://www.w3schools.com/cssref/css3_pr_background-size.asp
Just tried adding it to the child’s theme style sheet. Still the same. =(
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Sounds like you need to add a background-repeat of “no-repeat” too:
http://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;
}
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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!