Return to previous page

Display product in 2 column view for mobile

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

Tudung2u Technical

Participant

July 22, 2019 at 07:44

Hello there.
How to display product in 2 column view for mobile?

#217468 Copied Theme version: 5.0.1 WooCommerce version: 3.6.2

3 Answers
Olga Barlow

Support staff

July 22, 2019 at 17:32
Hello,

Add the following code to child theme style.css to show 2 products per row for the mobile devices on the shop page
```
@media only screen and (max-width: 480px){
    .product {
        width: 50% !important;
    }
}
```
To show the 2 products per row for the slider on the home page edit Products WPBakery element and change Number of items on phones http://prntscr.com/oijhh0

Regards
#217496 Copied
Tudung2u Technical

Participant

August 21, 2019 at 07:17

It works. Thanks.

#219585 Copied

Rose Tyler

Support staff

August 21, 2019 at 07:22

You’re welcome!

Regards

#219587 Copied
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Display product in 2 column view for mobile’' has been successfully resolved, and the topic is now closed for further responses

Display product in 2 column view for mobile

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection