Display 2 products per line on mobile

Pending
REHub - Price Comparison, Affiliate Marketing, Multi Vendor Store, Community Theme REHub - Price Comparison, Affiliate Marketing, Multi Vendor Store, Community Theme May 27, 2025
Login to reply
Tamara Wells
1 week ago

The MyCardStatement Login process is simple and easy to navigate, offering a comprehensive way to manage your credit card. By following the outlined steps, you can sign up, log in, and reset your password effortlessly. Make sure to utilize the MyCardStatement functionalities to track your statements, make payments, and access additional features for a smoother user experience. Stay secure, and enjoy the benefits of managing your credit card with ease!

MyCardStatement payment online

Adrian William
3 weeks ago

The produce and food in Monkey Mart are depicted in vibrant colors, making the store look incredibly lively. The customers in the game also have a cute cartoon style, creating a friendly and cheerful atmosphere. As the supermarket expands, the game scene becomes busier with many activities happening simultaneously. This cheerful visual style makes Monkey Mart a game suitable for all ages.

Igor Sunz Support Agent
10 months ago
We have layouts with two columns, for example market grid. You can select
in theme options-shop settings
Amit Das
10 months ago

Woocommerce shop and other pages displays 1 product per line in the mobile version, but I want to display 2 products per line, which CSS should I use to customize it for mobile only?

I tried below styles but not worked:

@media (max-width: 480px) {
	.wp-container-core-post-template-layout-1.wp-container-core-post-template-layout-1 {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}

 Also tried below styles but not worked:

@media (max-width: 480px) {
    .woocommerce ul.products,
    .woocommerce-page ul.products,
    .woo_loop.grid_container {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
    }
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product,
    .woo_column,
    .woo_column_4,
    .col_item {
        width: 48% !important;
        margin-bottom: 15px !important;
    }
}

Additional Info

Link on page with issue: https://cbshop.in/shop/