How to show 1 collection per row in the collection list section on mobile view Brooklyn theme

[jtan]

Hi all,

i'm having some trouble setting 1 collection per row in the collection list section on mobile view.

Currently using the brooklyn theme. 

I've been reading alot of messages about changing the feature products from 3 down to 2 per row but nothing about changing the collections list from 2 down to 1 per row etc. 

I have attached a screenshot of what im talking about

Any help would be appreciated. 

[KetanKumar]

Hello, @jtan 

Thanks for post.

Please share your site URL,
So I will check and provide a solution here.

[jtan]

Hi Ketan, 

https://thetinycrate.myshopify.com/

[dmwwebartisan]

Hi

Please try this css code

add code assets/theme.scss.liquid bottom of the file

#shopify-section-featured-collections .one-half {width: 100% !important;}

Hope this will work for you.

Thanks!

[dmwwebartisan]

Hi

please send web shop front end password.

Thanks!

[dmwwebartisan]

Hi

Please try this css code and check mobile view

add code assets/theme.scss.liquid or timber.scss.liquid  bottom of the file

#shopify-section-featured-collections .one-half {width: 100% !important;}

Hope this will work for you.

Thanks!

[dmwwebartisan]

Hi

add code assets/theme.scss.liquid or timber.scss.liquid bottom of the file 

Thanks

[jtan]

hi, 

thanks for your help. I tried inputting both in theme.css and timber.css and still didn't work

[dmwwebartisan]

Hi

please try last time 

#shopify-section-featured-collections .one-half {width: 100% !important;}

Thanks!

[dmwwebartisan]

Can you please provide both css code ? so I can check because I didn't get given css there.