Make 2 Columns Intead Of Default 1 In Respondsive Phone View

Store Builder Questions
1

Some phone store apps show grids in two columns, single column is useful if you use large images for category products or have a tiny screen. How can I tweak this?

Templates css / tygh / grid.less

(@gridColumns - 1));

?

2

Try to add the following code to the CSS section of the Theme editor

@media screen and (max-width: 480px) {
    .ty-column3 {
        width: 50%; 
    }  
}
3

Hm, no does not work.

4

Hm. Try

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

Started to work after changing to .ty-column5

Thanks

6

ecomLambs is right. Nice solution but you must not have difine the width of the images so that it work