@lorro `Theme: blocksy
Builder: Elementor
I put Featured Products shortcode (4 columns limit 4). [featured_products per_page=”4″ columns=”4″ ]
Problem: Responsive mode “breaks” the columns, i.e. it shows 3 products(columns) in one row, then the last one appears on the next row.
Smth like this:
X X X
X
I added CSS to make it 2 columns in mobile mode,but again, it “throws”
the 4th product to a new row, like:
X X
X
X
How in Responsive mode I can make it look like?:
X X
X X`
can you help me with this bro https://webart.unaux.com/
i use your given code that you gave to other user `@media only screen and (max-width: 480px) {
.woocommerce .products.oceanwp-row.mobile-3-col .product:nth-child(3n+1) {
clear: none !important;
}
}` this one is not working on blocksy
-
This reply was modified 2 years, 9 months ago by niranjan9431.