Product Carousel Widget and Breakpoint

[info794]

info794

May 5, 2020 at 8:11 am

Hello, i’m developing this website: http://www.sofarco.malonewebdesign.net

In homepage i have the product carousel widget, but in the widget setting is missing the columns quantity for breakpoint 992-1200px.

The breakpoints infact, are only these: *Login to see link

Can you give me the right custom css to resolve? i want to show 4 columns and not 5 at this resolution.

For the products showing via shortcode, i have resolved with this CSS but doesnt work for product carousel widget:

@media (max-width: 544px) {
.kad_product {
width: 100%;

}
}

@media only screen and (min-width: 544px) and (max-width: 768px) {

.kad_product {
width: 50%;
}
}

@media only screen and (min-width: 768px) and (max-width: 992px) {

.kad_product {
width: 33%;
}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

.kad_product {
width: 25%;
}
}

@media (min-width: 1200px) {
.kad_product {
width: 20%;

}
}

Thanks and best regards