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

Solved
Highlighted
Explorer
150 4 20

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

 

Untitled.png


Any help would be appreciated. 

 

 

2 Likes
Highlighted
Shopify Partner
5118 753 1670

Hello, @jtan 

Thanks for post.

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Explorer
150 4 20
0 Likes
Highlighted
Shopify Partner
1292 276 377

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!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Shopify Partner
1292 276 377

Hi

please send web shop front end password.

 

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Shopify Partner
1292 276 377

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!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Shopify Partner
1292 276 377

Hi

 

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

 

Thanks

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Explorer
150 4 20

hi, 

 

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

0 Likes
Highlighted
Shopify Partner
1292 276 377

Hi

please try last time 

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

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Shopify Partner
1292 276 377

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

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes