Change the number of products in mobile view

  • Hej
    I mon mobilvy f?r jag alla produkterna p? en rad. Jag vill ha rader om tv? och att bilderna ?r s? pass sm? att det syns fyra produktre p? en sk?rm samtidigt. (s? som det ser ut p? era demobilder f?r temat). Hur ?ndrar jag detta?
    Best Regards
    Martin Bexell

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter redblackcoffee

    (@redblackcoffee)

    Sorry, I was doing many things at the same time. Here comes my question in English.

    In my mobile view, all the products appear in a single row. I would like to have two products per row, and for the images to be small enough so that four products are visible on the screen at the same time (as shown in your demo images for the theme). How can I change this?

    Hi there,
    please add the following few lines of additional CSS code to your site:

    @media (max-width: 600px) {
    ul.products.columns-4 {
        grid-template-columns: repeat(2,1fr);
    }
    }
    Thread Starter redblackcoffee

    (@redblackcoffee)

    Thank you for the wander. Unfortunately I did not help. The products were still in one line. The only thing happened were that my Filter diseperd. Do you have any other way to do it?
    My page is: redblackcoffee.se

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.