Return to previous page

Adjust mobile CSS to view 2 products instead of one

This topic has 7 replies, 2 voices, and was last updated 10 years ago ago by Eva Kemp

fishbite

Participant

May 12, 2014 at 13:55

Hi Please can you advise on how I can change the view for mobile devises (mobiles) I want to show 2 products next to each other on category pages rather than just one.

Please advise, thanks

#3406 Copied

6 Answers

Eva Kemp

Support staff

May 12, 2014 at 14:23

Hello,

You need add the following code into custom.css file:
@media (max-width: 479px) {.products-grid.product-count-3 .product:nth-child(n) {width: 50%;}}

You can watch here how to create custom.css.

If the problem is still there please provide us with FTP and admin panel credentials in Private Content.

Regards,
Eva Kemp.

#3409 Copied

fishbite

Participant

May 12, 2014 at 14:44

We still have only one product when we resize the browser window to modile view, please see my ftp information.

Please, contact administrator
for this information.

#3414 Copied

fishbite

Participant

May 12, 2014 at 14:53

Sorry forgot to mention the site url

Please, contact administrator
for this information.

#3415 Copied

Eva Kemp

Support staff

May 12, 2014 at 15:10

Hello,

Please check now. Is it showing per your request?

Regards,
Eva Kemp.

#3419 Copied

fishbite

Participant

May 12, 2014 at 15:21

Perfect thanks 😉

#3421 Copied

Eva Kemp

Support staff

May 12, 2014 at 16:08

You’re welcome.

Regards,
Eva Kemp.

#3423 Copied
Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘Adjust mobile CSS to view 2 products instead of one’' has been successfully resolved, and the topic is now closed for further responses

Adjust mobile CSS to view 2 products instead of one

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection