I am unable to see 2 products in mobile and ipad, even after doing proper setting for mobile view. I customized the code after that also I can see only one product and one empty space for 2nd product. Below is the code. Can you please help to fix the issue?
@media (max-width: 481px) {
#ywcps_layout1 .ywcps-wrapper .ywcps-slider ul.products li.single_product {
padding-left: 2px;
padding-right: 2px;
float: left;
border: none;
}
.woocommerce .ywcps-wrapper .owl-item li.product {
padding-left: 3px;
padding-right: 3px;
width: 50%;
}
.ywcps-wrapper .owl-item li.product {
width: 50%;
margin-bottom: 0;
}
.ywcps-wrapper ul li.product {
margin: 0;
}
.owl-carousel .owl-item li {
height: auto;
width: 55%;
display: block;
}
#ywcps_layout1 .ywcps-wrapper .ywcps-slider ul.products li.single_product:nth-of-type( 2n ) {
margin-right: 5.8823529412%;
}
}
