Products In 2 Columns

Hello, please tell me how to make the display of goods in the mobile version of the grid in 2 columns. To when you go to the category of products displayed in 2 columns.
Only in the mobile version, so it was in 2 columns, but in the main 4 speakers.
Thanks for the support.
_________________________________________
Здравствуйте, подскажите пожалуйста, как в мобильной версии сделать отображение товаров сетки в 2 колонки. Чтобы когда заходят в категории товары отображались в 2 колонки.
Только в мобильной версии, чтоб было в 2 колонки, а в основной 4 колонки.
Спасибо, за поддержку.

Funny, that I have been thinking about this all day long yesterday. :-)

Just like in youpi

В принципе дизайн на то адаптовный, чтобы адаптировался.

It depends on the columns amount you use. Try to add to CSS section of the Theme editor

@media screen and (max-width: 480px) {
    .ty-column3, .ty-column4, .ty-column5 {
        width: 50% !important; 
    }  
}

Great work! Thank you!

Added only .ty-column6 for my appearance settings

BTW, can we have different settings for desktop and mobile devices, e.g., list without options for desktop and grid for mobile?

It depends on the columns amount you use. Try to add to CSS section of the Theme editor

@media screen and (max-width: 480px) {
    .ty-column3, .ty-column4, .ty-column5 {
        width: 50% !important; 
    }  
}

Thank you!

tried it but I have overlays between the two pictures then. Using MV 11.3 and Vanilla theme. Any other idea?

I have 4 products in a row on desktop. the blocks "new" and "bestsellers" are shown on mobile with 2 products in a row, but in categories it is shown only 1 product per row. pictures have the same size. don't understand what to do!

In this case contact theme developers with this question