This topic has 4 replies, 3 voices, and was last updated 6 years, 5 months ago ago by Olga Barlow
Hello,
1. On my product-category, I like to have on mobile 2 products in line
https://panima.co.il/product-category/makeup/
like here:
https://snag.gy/eysmCT.jpg
2. On my product page, I like to see on mobile the 4 more products that are available on the page
https://panima.co.il/product/bfl-%D7%A8%D7%95%D7%99%D7%90%D7%9C-%D7%A7%D7%90%D7%A8/
Best regards
Orna
Hello,
1.
@media (max-width: 480px) {
.products-grid.product-count-4 .product:nth-child(n) {
width: 50%;
}
}
2. Please describe the desired result in more details.
Thanks in advance.
Regards
2. Now the more products contain only 1 product on mobile
and I like to have 4 more products that existing on the web
https://snag.gy/3Syqa6.jpg
3. When I scroll down the product page and then going up
the one more product disappeared
Many thanks
Orna
Hello,
Problem with your product carousel is related to code in your child-theme rtl.css
.owl-carousel .owl-wrapper, .owl-carousel .owl-item, .products-grid .product {
float: right !important;
}
Please, remove that code and let me know if you still have a problem with the number of products.
Regards
You must be logged in to reply to this topic.Log in/Sign up