Support » Theme: Shop Isle » Display 2 products per row on mobile view

  • Resolved cecybot


    Does anyone know how to display 2 products per row on the mobile view? Thank you.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Having the same issue looking for a solution

    Tis is how i do it using a add CSS plugin! copy and paste the code below

    /*Filters above the page, no below products*/
    @media( max-width: 767px ) { .module-small-shop .container {
    display: table;
    } .module-small-shop .container .shop-with-sidebar {
    display: table-footer-group;

    /*2 rows products on mobile*/
    @media (max-width: 768px) {
    ul.products li.product{
    width: 48%!important;
    float: left!important;
    clear: both;

    ul.products li.product:nth-child(2n) {
    clear: none;
    float: right;

    @matibrasili that didn’t work for me 🙁 what does @media refer to? Do I need to change that on my site?

    Can you give me your link so I can take a look at it?
    My site is you can check it’s working right on Mobile.
    With “@media (max-width: 768px) {” I’m telling the site that if you are viewing my webpage on a small screen (up to 768 px) do de code below. Else (on a laptop or other big devices) don’t do it.


    In the latest update of the theme, we are displaying 2 products per row on mobile.

    Could you please let me know if everything is ok?


Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Display 2 products per row on mobile view’ is closed to new replies.