Changing collections list layout to be different in mobile and desktop

New Member
1 0 0

Hello!

 

I am more or less OK with HTML and CSS but never have I used a .liquid file so I hope someone could help me with this problem. I am using the Boundless theme and am struggling with the layout for mobile and desktop of collections list.

 

Currently, the layout is like this with Image Style as Wide and Image Size as Large.

Screenshot_30.pngScreenshot_1.png

 

While I would like to maintain the design of the mobile collections list layout, I would like to change Desktop layout to this(Image style as Tall/Square and Image Size as Medium):Screenshot_2.png

 

But I am not happy with the mobile layout then:

Screenshot_3.png

 

So my question would be, what code would I have to insert where to have the mobile list set Image Style as Wide and Image Size as Large and desktop list set Image style as Tall/Square and Image Size as Medium? Thank you so much in advance!

0 Likes