How to display 2 produts per row on mobile with smaller screns

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

  • Avatar: nixatsnow
    nixatsnow
    Participant
    February 2, 2022 at 23:18

    See below images from the actual devices. iphone 13 pro max displays normal where there are 2 products per row, but smaller iphones only display 1. how can it be changed so smaller iphones also display 2 product per row.

    smaller iphone screen: https://prntscr.com/26nlfgr
    iphone 13 pro max screen: https://prntscr.com/26nlfgt

    8theme support login to the wordpress admin is provided in the private content area.

    Please, contact administrator
    for this information.
    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 3, 2022 at 09:49

    Hello,

    Add the next code in Theme Options > Theme custom CSS > Mobile:

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

    Regards

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

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

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