This slider looks great on desktop but the bottom third is missing on mobile, so my “request a commercial cleaning quote button” is also missing. This is an important element, as you can imagine! I adjusted padding on the red box below (which does not need to be that tall on mobile; I don’t know how to make it thinner), but that made no difference. Please advise.
Hi skirpach,
Can you try to add this CSS code in Quick CSS, located in Enfold > General Styling:
@media only screen and (max-width:767px) {
.home #full_slider_1 .avia-slideshow-inner {
height: 220px !important;
}
.home #full_slider_1 .avia-slideshow-inner img {
width: auto;
max-width: 100%;
height: 220px !important;
}
}
Hope it helps.
Best regards,
Nikko