This topic has 4 replies, 2 voices, and was last updated 1 years, 9 months ago ago by Tony Rodriguez
Hello,
i want to display 2 products per row on shop, category and brand page for desktops and tablets and 1 product per row for mobile devices.
How can i do this?
Thank you
Hello, @Ioannis,
1. To display two products per row on shop, category, and brand pages for desktops and tablets, please navigate to XStore > Theme Options > Woocommerce (Shop) > Shop > Shop Page Layout. There, you can choose the two-column grid. Please refer to the image provided here: https://postimg.cc/F1ZjTsJ1
2. In order to display one product per row on mobile devices, please copy and paste the following CSS code into the “Global CSS” section of the “Theme Options” tab in the Xstore theme. After doing so, please clear your browser’s cache and check back on your site.
@media only screen and (max-width: 500px){
.shop-full-width .products-grid .product {
width: 100% !important;
}
}
Best Regards,
8Theme’s Team
Hello,
I make the changes and it works good.
Thank you!
Hello @Ioannis,
We are delighted to have you here. If you are willing, we would greatly appreciate it if you could leave a 5-star rating for our Theme and Customer and Technical Support on ThemeForest at the following link: http://themeforest.net/downloads. Doing so would help us to continue to provide updates and dedicated support in the future. Your support would be greatly appreciated.
Thank you for reaching out to us. Have a wonderful day!
This topic is now closed.
Best Regards,
8Theme’s Team
The issue related to '‘Products per row on shop, category and brand page’' has been successfully resolved, and the topic is now closed for further responses