How to get two columns on most smartphones? Is there a viewer that inspects or shows code?

[veganline]

 

• Does anyone know the first steps towards writing a template and style sheet that show two columns on most smartphones?
• Does anyone know how to reverse-engineer the current Niara offering on smartphones, and see where each bit comes from? In Chrome, I can view the source or inspect for style sheet code on larger-sized screens, but neither works on smartphone-sized screens. I've found that Opera browser inspects at narrow screen sizes

Edited February 25, 2022 by veganline
Removed waffle; found part answer

[lesley]

You can use chrome to emulate small screen sizes once you open the inspect window. 

But where you want to start looking is the product list and understand how that version of bootstrap works. The line you are looking for is here, https://github.com/thirtybees/niara/blob/master/product-list.tpl#L5  if you change the col-xs-12 to col-xs6 it will display as two columns on small screen category pages and searches. 

[yaniv14]

2 hours ago, lesley said:

You can use chrome to emulate small screen sizes once you open the inspect window. 

But where you want to start looking is the product list and understand how that version of bootstrap works. The line you are looking for is here, https://github.com/thirtybees/niara/blob/master/product-list.tpl#L5  if you change the col-xs-12 to col-xs6 it will display as two columns on small screen category pages and searches. 

col-xs-6

[lesley]

Just now, yaniv14 said:

col-xs-6

Good catch I typoed