Return to previous page

Grid views in mobile - by wittyspaces - on WordPress WooCommerce support

This topic has 4 replies, 3 voices, and was last updated 9 years ago ago by Robert Hall

  • Avatar: wittyspaces
    wittyspaces
    Participant
    March 17, 2015 at 12:10

    Is there a way to change the view in mobile? I want to have perhaps rows of 2 products instead of just one. It causes an issue for sites that have multiple products and requires a lot of scrolling.

    Having an option for two products on one row would be great.

    #50112 Copied
    3 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    March 17, 2015 at 14:27

    Hello,

    Please try to use this code in custom.css file:

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

    How to create custom.css you can watch in this tutorial.

    If there are still problems please provide us with wp-admin panel credentials in Private Content.

    Thank you.
    Regards,
    Eva Kemp.

    #50166 Copied
    Avatar: wittyspaces
    wittyspaces
    Participant
    April 13, 2015 at 01:05

    This setting worked but all of the sudden it is no longer working.

    I can’t provide wp-admin credentials.

    Please, contact administrator
    for this information.
    #56475 Copied
    Avatar: Robert Hall
    Robert Hall
    Support staff
    April 13, 2015 at 10:52

    Hello,

    Please try to add this code in custom.css file and don’t forget to clean cache.

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

    Regards,
    Robert Hall.

    #56503 Copied
  • Viewing 4 results - 1 through 4 (of 4 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
Beaty & Cosmetics – WordPress WooCommerce Theme
lazy-placeholder
Ecotransport Store – WordPress WooCommerce Theme
lazy-placeholder
Business Card – WordPress Theme
lazy-placeholder
Carwash – WordPress WooCommerce Theme
lazy-placeholder
Legenda – E-Commerce and Corporate PSD Theme
lazy-placeholder
Wedding – WordPress Theme
lazy-placeholder
Dokan Multivendor Marketplace – WordPress WooCommerce Theme
lazy-placeholder
BookStore – WordPress WooCommerce Theme
lazy-placeholder
Luxury Jewelry Store – WordPress WooCommerce Theme
lazy-placeholder
Man Store – 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.