Return to previous page

How to display 2 produts per row on mobile with smaller screns

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

nixatsnow

Participant

February 2, 2022 at 23:18

See below images from the actual devices. iphone 13 pro max displays normal where there are 2 products per row, but smaller iphones only display 1. how can it be changed so smaller iphones also display 2 product per row.

smaller iphone screen: https://prntscr.com/26nlfgr
iphone 13 pro max screen: https://prntscr.com/26nlfgt

8theme support login to the wordpress admin is provided in the private content area.

Please, contact administrator
for this information.

#315989 Copied Theme version: 8.1 WooCommerce version: 6.1.1

1 Answer
Rose Tyler

Support staff

February 3, 2022 at 09:49
Hello,

Add the next code in Theme Options > Theme custom CSS > Mobile:
```
.products-grid .product {
    width: 50% !important; 
}
```
Regards
#316014 Copied
Tagged: 2 products per row, best selling, display products, mobile friendly, persuasive, smaller screens, woocommerce themes
Viewing 2 results - 1 through 2 (of 2 total)