Help to make product grid of 2 columns instead of one on MarketPress

Need help to make the grid on the product page on mobile of 2 columns instead of one https://www.scentswarmers.com/buy/scentsy/products/scentsy-bars-2

Support Access is enabled

  • Sajal Sarkar
    • New Recruit

    Hi Tristajensen

    Hope you are doing well!

    I have added some CSS at your WordPress Dashboard > Appearance > Custom CSS. Now it's showing 2 columns instead of 1 for product grid on mobile :slight_smile:

    CSS:
    /* PRODUCT GRID 2 COLUMNS INSTEAD OF 1 ON MOBILE ----------- */
    @media only screen and (max-width: 767px) {
        .mp_products-grid .mp_product_item {
            width: 48.5%;
            margin-right: 1.5%;
            float: left;
        }
    }

    Let me know if you need any further assistance regarding this.

    Cheers :slight_smile:

  • Sajal Sarkar
    • New Recruit

    Hi Tristajensen

    Hope you're doing well today!

    I've fixed the issue and tested on my end. Price text aligned with the button and the font size of product name has changed. Can you please review :slight_smile:

    I will be looking forward to hearing from you.

    Have a nice day. Cheers!

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.