Return to previous page

Mobile View - by basitmughal - on WordPress WooCommerce support

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

  • Avatar: basitmughal
    basitmughal
    Participant
    April 12, 2017 at 14:31

    I would like to show 2 products per row when viewed on a mobile device (rather than one). Currently, I can only change the number of products per row when the screen is larger.

    Trying to find what size it is where it switches over to 1 product per row currently. I am not targeting any specific mobile device, but I imagine the iPhone sized screen is about the smallest we would be worried about.

    So basically, anytime the theme would default to 1 product per row, I want that to be 2 products per row. I am using 4 per row currently for desktop.

    Thank you!

    #159793 Copied Theme version: 3.0 WooCommerce version: 3.0.1
    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 13, 2017 at 07:19

    Hello,

    You can add this code in Theme Options > Custom css for mobile:

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

    Also, you can change white color of fixed header in Theme Options > Color Scheme > Fixed Header Text Color > Dark.

    Regards,
    Rose Tyler.

    #159896 Copied
  • Viewing 2 results - 1 through 2 (of 2 total)

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

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Jewelry Store – WordPress WooCommerce Theme
lazy-placeholder
Interior Store – WooCommerce Theme
lazy-placeholder
Agricultural Store – WordPress WooCommerce Theme
lazy-placeholder
WooPress Fullwidth
lazy-placeholder
Minimal Fashion 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Niche Market 03 – Multivendor WP WooCommerce Theme
lazy-placeholder
Car Parts Store – WordPress WooCommerce Theme
lazy-placeholder
Electronics Store – WordPress WooCommerce Theme
lazy-placeholder
Delivery – WordPress WooCommerce Theme
lazy-placeholder
Concert 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.