Return to previous page

For mobile 3 row product lines is there any way how ?

This topic has 3 replies, 2 voices, and was last updated 1 years, 1 months ago ago by Rose Tyler

turbo121

Participant

November 7, 2023 at 10:40

can you have 3 products in a line for mobile view ?

#372823 Copied Theme version: 8.2.1

2 Answers

Rose Tyler

Support staff

November 7, 2023 at 11:46

Hello, Turbo121,

Thank you for contacting us and for using XStore.

Do you mean on Shop page? custom CSS code can be used.
Could you provide URL of the Shop page from your site?

Kind Regards,
8theme team

#372840 Copied
Rose Tyler

Support staff

November 12, 2023 at 08:18
Hello, Turbo121,

We have not received a response from you regarding our previous communication. To facilitate further discussion, we are providing an example of the code below, that can be added in Theme Options > Theme custom CSS > Mobile:
```
.products-grid .product {
    width: 33.33% !important;
}
.products-grid .product:nth-child(2n+1) {
	clear: none !important;
}
.products-grid .product.product:nth-child(3n+1) {
	clear: both !important;
}
```
Or
If you wish to display a specific number of products on different devices on your shop page, we recommend using the XStore product archive builder. This tool allows you to create a custom layout and set the number of product columns you wish to display on the archive pages using Elementor.
Please refer to the attached image for further clarification.
https://imgur.com/eet9FJY
We also encourage you to read and follow the steps outlined in our theme documentation for a more comprehensive guide – https://www.8theme.com/documentation/xstore/xstore-builders/xstore-products-archive-builder-with-elementor/

We trust that the information provided will be of significant assistance to you.

Kind Regards,
8theme team
#373473 Copied
Tagged: 3 row product display, best selling themes, improve mobile woocommerce, mobile friendly woocommerce, optimize woocommerce layout, woocommerce themes
Viewing 3 results - 1 through 3 (of 3 total)