Return to previous page

2 column product layout for mobile/responsive view

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

andrew909

Participant

December 8, 2016 at 13:52

Hello,

how to set the 2 column product layout for mobile/responsive view, so that 2 products are displayed side by side?

Like on your sample page:

https://www.8theme.com/demo/legenda/product-category/men/

thanks!

#148358 Copied

5 Answers

Rose Tyler

Support staff

December 8, 2016 at 14:07

Hello,

Thank you for contacting us.
Could you, please, provide me link to your site in Private Content area?

Regards,
Rose Tyler.

#148361 Copied

andrew909

Participant

December 8, 2016 at 15:16

Here link.

Please, contact administrator
for this information.

#148374 Copied
Rose Tyler

Support staff

December 8, 2016 at 15:27
Hello,

To show 2 products per row use this code in custom.css file:
```
@media (max-width: 480px) {.products-grid.product-count-5 .product:nth-child(n) {
    width: 48% !important;;
}}
```
How to create custom.css you can watch in this tutorial https://www.youtube.com/watch?v=Qok2zRedRMY.

Regards,
Rose Tyler.
#148377 Copied
andrew909

Participant

December 8, 2016 at 16:41

Great Support. Thanks a lot!

#148397 Copied

Rose Tyler

Support staff

December 8, 2016 at 16:42

Hello,

You’re welcome!
Have a nice day.

Regards,
Rose Tyler.

#148398 Copied
Viewing 6 results - 1 through 6 (of 6 total)

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

2 column product layout for mobile/responsive view

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection