Product on Mobile - by Vincenzo Stazio - on WordPress WooCommerce support

This topic has 6 replies, 3 voices, and was last updated 5 years ago ago by Olga Barlow

  • Avatar: Vincenzo_Stazio
    Vincenzo Stazio
    Participant
    November 24, 2019 at 15:41

    Here http://www.isaporidelsoledisicilia.com/

    On the PC I can see the 4 nearby products, on a line. On the mobile instead I see only one product and I have to swipe left to see the others. How can I see all 4 of them even on the mobile? Thanks so much

    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 24, 2019 at 16:26

    Hello,

    What element do you use to show products? Our Products element has “Number of items” settings – http://prntscr.com/q1cxu5

    Regards

    Avatar: Vincenzo_Stazio
    Vincenzo Stazio
    Participant
    November 25, 2019 at 15:45

    Yes, now I’ve set “Display Type – Grid”. I have set 4 columns but I want 4 columns only on the pc ,,,,, on the mobile I would like 2 columns, can it be done?
    Now i have 4 columns on pc but 1 column on mobile

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    November 25, 2019 at 19:44

    Hello,

    Add the code below to Theme Options > Custom CSS

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

    Regards

    Avatar: Vincenzo_Stazio
    Vincenzo Stazio
    Participant
    December 12, 2019 at 17:24

    Ok, now on mobile i have this: https://www.dropbox.com/s/f1xohmbla5iwtq9/Foto%2012-12-19%2C%2017%2022%2058.jpg?dl=0
    can i resize font?

    Thanx

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 12, 2019 at 18:49

    Hello,

    Replace that custom code by this one

    @media only screen and (max-width:480px){
         .product {
             width: 50% !important;
         }
        .product-details .add_to_cart_button.btn {
            max-width: 100%;
            font-size: 10px;
        }
    }

    Regards

  • Viewing 6 results - 1 through 6 (of 6 total)

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

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.