Return to previous page

2 products per row in Mobile view - by cosmedia

This topic has 4 replies, 3 voices, and was last updated 8 years, 2 months ago ago by Eva Kemp

  • Avatar: cosmedia
    cosmedia
    Participant
    September 9, 2016 at 01:15

    Hello,

    I would like to show 2 product per row for mobile on the shop page. When i use this code the it works on the shop page but the product page gets cut in half, all content is in one side.

    How can i apply this to only the shop product catalog, archive and categories pages?

    This is the code i was given on a another topic:

    .product {
    width: 50% !important;
    }

    #139251 Copied
    3 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 9, 2016 at 07:15

    Hello,

    Try to add this code in Custom CSS for mobile.

    .products-grid .product {
    width: 50% !important;
}

    Regards,
    Robert Hall

    #139261 Copied
    Avatar: cosmedia
    cosmedia
    Participant
    September 10, 2016 at 14:34

    That does the trick,

    Thanks Robert

    #139358 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    September 10, 2016 at 14:45

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

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

The issue related to '‘2 products per row in Mobile view’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Water Delivery – WordPress WooCommerce Theme
lazy-placeholder
Pet Shop – WordPress WooCommerce Theme
lazy-placeholder
Carwash – WordPress WooCommerce Theme
lazy-placeholder
Kids Toys Store – WordPress WooCommerce Theme
lazy-placeholder
Restaurant – WordPress WooCommerce Theme
lazy-placeholder
HandMade Store – WooCommerce Theme
lazy-placeholder
Poster – WooCommerce Theme
lazy-placeholder
SEO Agency – WordPress WooCommerce Theme
lazy-placeholder
Barbershop – WordPress WooCommerce Theme
lazy-placeholder
Pizza Store – WordPress WooCommerce 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.