Return to previous page

Display product in 2 column view for mobile

This topic has 4 replies, 3 voices, and was last updated 4 years, 8 months ago ago by Rose Tyler

  • Avatar: Tudung2u_Technical
    Tudung2u Technical
    Participant
    July 22, 2019 at 07:44

    Hello there.
    How to display product in 2 column view for mobile?

    #217468 Copied Theme version: 5.0.1 WooCommerce version: 3.6.2
    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 22, 2019 at 17:32

    Hello,

    Add the following code to child theme style.css to show 2 products per row for the mobile devices on the shop page

    @media only screen and (max-width: 480px){
    .product {
        width: 50% !important;
    }
}

    To show the 2 products per row for the slider on the home page edit Products WPBakery element and change Number of items on phones http://prntscr.com/oijhh0

    Regards

    #217496 Copied
    Avatar: Tudung2u_Technical
    Tudung2u Technical
    Participant
    August 21, 2019 at 07:17

    It works. Thanks.

    #219585 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 21, 2019 at 07:22

    You’re welcome!

    Regards

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

The issue related to '‘Display product in 2 column view for mobile’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Landing Watch – WordPress WooCommerce Theme
lazy-placeholder
Grocery Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Flowers Store – WooCommerce Theme
lazy-placeholder
Customization service (hour)
lazy-placeholder
School – WordPress Theme
lazy-placeholder
Cocktails Store – WordPress WooCommerce Theme
lazy-placeholder
Books Store – WordPress WooCommerce Theme
lazy-placeholder
Default RTL – WordPress WooCommerce Theme
lazy-placeholder
Spice Store – WordPress WooCommerce Theme
lazy-placeholder
Electronic Mega Market – 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.