Return to previous page

Can I show 2 products per rows in mobile pages?

This topic has 3 replies, 3 voices, and was last updated 8 years, 10 months ago ago by Stan Russell

  • Avatar: ecopark
    ecopark
    Participant
    June 3, 2015 at 12:40

    Dear supports,

    Currently My web site is showing 5 products per row in product layout.
    I would like to show 3 products per row in tablet and wide mobile mode and show 2 products per row in mobile (vertical mode).

    please guide me how to do this.

    my web site is coco30.com

    thank you for your help in advance.
    sangsoo.

    #67814 Copied Theme version: woopress 1.5 WooCommerce version: woocommerce 2.3.9
    2 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    June 3, 2015 at 14:32

    Hello,

    Please add this code in custom.css file:

    @media (max-width: 480px) {
.products-grid .product {
    width: 50% !important;
}}

    Concerning the tablets as I see 3 products per row are shown there:
    http://storage4.static.itmages.com/i/15/0603/h_1433338298_1386075_6c5f87aa1b.png

    Thank you.
    Regards,
    Eva Kemp.

    #67832 Copied
    Avatar: stan
    Stan Russell
    Participant
    June 3, 2015 at 14:38

    Hello,

    please check you site. We have set your Visual Composer’s element ‘Products’ to display products as Slider and have set quantity of products shown in one row for different resolutions.

    Regards,
    Stan Russell.

    #67833 Copied
  • Viewing 3 results - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Kids Toys Store – WordPress WooCommerce Theme
lazy-placeholder
Bakery Store – WordPress WooCommerce Theme
lazy-placeholder
NFT Crypto Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Coffee Store – WooCommerce Theme
lazy-placeholder
Water Delivery – WordPress WooCommerce Theme
lazy-placeholder
Skate – WooCommerce Theme
lazy-placeholder
HandMade Store – WooCommerce Theme
lazy-placeholder
Bags Store – WooCommerce Theme
lazy-placeholder
Furniture Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Designers – WordPress Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.