Return to previous page

Product on Mobile - by Vincenzo Stazio - on WordPress WooCommerce support

This topic has 6 replies, 3 voices, and was last updated 4 years, 4 months ago ago by Olga Barlow

Vincenzo Stazio

Participant

November 24, 2019 at 15:41

Here http://www.isaporidelsoledisicilia.com/

On the PC I can see the 4 nearby products, on a line. On the mobile instead I see only one product and I have to swipe left to see the others. How can I see all 4 of them even on the mobile? Thanks so much

#225596 Copied Theme version: Royal

5 Answers

Rose Tyler

Support staff

November 24, 2019 at 16:26

Hello,

What element do you use to show products? Our Products element has “Number of items” settings – http://prntscr.com/q1cxu5

Regards

#225606 Copied

Vincenzo Stazio

Participant

November 25, 2019 at 15:45

Yes, now I’ve set “Display Type – Grid”. I have set 4 columns but I want 4 columns only on the pc ,,,,, on the mobile I would like 2 columns, can it be done?
Now i have 4 columns on pc but 1 column on mobile

#225645 Copied
Olga Barlow

Support staff

November 25, 2019 at 19:44
Hello,

Add the code below to Theme Options > Custom CSS
```
@media only screen and (max-width: 480px){
    .product {
        width: 50% !important;
    }
}
```
Regards
#225664 Copied
Vincenzo Stazio

Participant

December 12, 2019 at 17:24

Ok, now on mobile i have this: https://www.dropbox.com/s/f1xohmbla5iwtq9/Foto%2012-12-19%2C%2017%2022%2058.jpg?dl=0
can i resize font?

Thanx

#226668 Copied
Olga Barlow

Support staff

December 12, 2019 at 18:49
Hello,

Replace that custom code by this one
```
@media only screen and (max-width:480px){
     .product {
         width: 50% !important;
     }
    .product-details .add_to_cart_button.btn {
        max-width: 100%;
        font-size: 10px;
    }
}
```
Regards
#226677 Copied
Viewing 6 results - 1 through 6 (of 6 total)