Tagged: accordion slider, CSS, mobile
Hello!
The Accordion Slider isn’t loading any images on mobile.
http://prntscr.com/j825tz
Could you please help me out?
Thanks.
Hey Renascer,
Can you try adding this css code in Quick CSS (located in ENfold > General Styling):
@media only screen and (max-width:767px) {
#top .aviaccordion-slide img {
opacity: 1;
}
}
Hope thie helps :)
Best regards,
Nikko
Sorry NIkko,
But it didn’t help.
There was this CSS code there:
@media only screen and (max-width: 767px) {
#footer div .av_one_fourth {
margin-left: 2%!important;
width: 100%!important;
}}
I inserted the code as you suggested:
@media only screen and (max-width: 767px) {
#footer div .av_one_fourth {
margin-left: 2%!important;
width: 100%!important;
#top .aviaccordion-slide img {
opacity: 1;
}
}
Could you please, check it out?
Best regards!
Hi renascersaude,
There’s a missing closing bracket that’s why it’s not working, please change this:
@media only screen and (max-width: 767px) {
#footer div .av_one_fourth {
margin-left: 2%!important;
width: 100%!important;
#top .aviaccordion-slide img {
opacity: 1;
}
}
to:
@media only screen and (max-width: 767px) {
#footer div .av_one_fourth {
margin-left: 2%!important;
width: 100%!important;
}
#top .aviaccordion-slide img {
opacity: 1;
}
}
just a tip, add some spaces and indents so it’s easier to read and avoid issues.
Hope this helps :)
Best regards,
Nikko
Yes Nikko,
That was to ‘small’ missing detail.
Now works fine.
Thank you!
Hi renascersaude,
You’re very much welcome, just glad we could help :)
Please feel free to comeback if you need further assistance.
Thanks for using Enfold and have a great day!
Best regards,
Nikko