Return to previous page

Mobile mode – 2 products per row - by Christian

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

  • Avatar: cherbst
    Christian
    Participant
    January 24, 2016 at 18:11

    Is it possible to add code to have two products per row instead of one in mobile mode?
    Great if you can help me out with that!

    Regards,
    Christian

    #109712 Copied
    5 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    January 25, 2016 at 10:19

    Hello,

    Please add this code in child style.css file:

    @media (max-width: 480px) { .products-grid.product-count-4 .product:nth-child(n) {
    width: 50%;
}}

    Regards,
    Eva Kemp.

    #109757 Copied
    Avatar: cherbst
    Christian
    Participant
    January 25, 2016 at 10:28

    Hi!

    Thanks, I just added the code + flushed the cache but it did not have any effect.

    Row 324 in child style.css

    Best,
    Christian

    #109758 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    January 25, 2016 at 11:06

    Hello,

    I’ve added !important to the code. Please check now.

    Regards,
    Eva Kemp.

    #109762 Copied
    Avatar: cherbst
    Christian
    Participant
    January 25, 2016 at 11:15

    Works beautiful now! Thanks!

    #109764 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    January 25, 2016 at 13:52

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

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

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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Jewellery Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Gaming – WooCommerce Theme
lazy-placeholder
Typography – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store – WordPress WooCommerce Theme
lazy-placeholder
Hosting Store – WordPress WooCommerce Theme
lazy-placeholder
BookStore – WordPress WooCommerce Theme
lazy-placeholder
Marseille 02 – WordPress WooCommerce Theme
lazy-placeholder
Transport – WooCommerce Theme
lazy-placeholder
Minimalist Outfits – WordPress WooCommerce Theme
lazy-placeholder
Application – 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.