Hi,
I’m using the easy full width slider. There are two images – exactly the same size – but when the slider slides – it jumps. The page url is below.
Thanks!
Hey bobjonesdesigns,
I see that your images in the media library are the same size, but when added to the slider they are showing as different sizes.
I added this css to your Enfold Theme Options > General Styling > Quick CSS field to force the same size for different screen widths:
@media only screen and (max-width: 437px) {
#top.home .avia-slideshow-inner {
height: 150px !important;
}
}
@media only screen and (min-width: 438px) and (max-width: 1023px) {
#top.home .avia-slideshow-inner {
height: 306px !important;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1227px) {
#top.home .avia-slideshow-inner {
height: 368px !important;
}
}
@media only screen and (min-width: 1228px) {
#top.home .avia-slideshow-inner {
height: 443px !important;
}
}
Please clear your browser cache and check.
Best regards,
Mike
Perfect! Thank you!
Hi bobjonesdesigns,
Glad that Mike helped you :)
Feel free to comeback if you need further assistance.
Thanks for using Enfold and have a great day!
Best regards,
Nikko