2 replies · opened Mar 29, 2019
Hi,
Am using the 4 column product display as shown here: http://themes.semicolonweb.com/html/canvas/shop.html On desktop it shows 4 products, but how to get it to show 2 products side by side on table/mobile? Could you please provide the css for it?
Thank you!
Hello,
Consider using the following CSS Code:
@media (max-width: 991.98px) {
.shop:not(.product-1) { margin: 0 -20px -20px 0 !important; }
.shop:not(.product-1) .product {
padding: 0 20px 20px 0 !important;
margin: 0 !important;
width: 50% !important;
}
}This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Thank you, seems to work well
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard