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

Solved
jtan
Trailblazer
158 4 23

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. 

 

 

KetanKumar
Shopify Partner
14125 1644 5063

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
jtan
Trailblazer
158 4 23
0 Likes
dmwwebartisan
Shopify Partner
4373 980 1252

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.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
dmwwebartisan
Shopify Partner
4373 980 1252

Hi

please send web shop front end password.

 

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
dmwwebartisan
Shopify Partner
4373 980 1252

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.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
dmwwebartisan
Shopify Partner
4373 980 1252

Hi

 

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

 

Thanks

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
jtan
Trailblazer
158 4 23

hi, 

 

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

0 Likes
dmwwebartisan
Shopify Partner
4373 980 1252

Hi

please try last time 

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

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
dmwwebartisan
Shopify Partner
4373 980 1252

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.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes