Change mobile Featured collection view to grid in brooklyn theme

Highlighted
New Member
1 0 0

Currently my desktop view for both the product collection page view & featured collection view are in grid.

But under my mobile view, my product collection is in grid by my featured collection is in single item view and not in grid.

 

i want my featured collection to appear in grid view as well. How do i edit?

0 Likes
Highlighted
New Member
2 0 0

Do you know the answer already?

0 Likes
Highlighted
Tourist
15 0 0

Hi, I'm interested in the answer. Any solution found?


@Shande wrote:

Currently my desktop view for both the product collection page view & featured collection view are in grid.

But under my mobile view, my product collection is in grid by my featured collection is in single item view and not in grid.

 

i want my featured collection to appear in grid view as well. How do i edit?


 

0 Likes
Highlighted
Tourist
8 0 2

@Leeha @Shande @TreviB 

 

Hi guys, did any of you find the answer to this problem? I am also after the same thing. I think this needs coding

 

Hi @KetanKumar, perhaps you can help us with this please? 

0 Likes
Highlighted
Shopify Partner
9454 1195 3324

@Weswes 

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
Highlighted
Tourist
8 0 2

Thanks @KetanKumar 

 

my url: www.hippitree.com

 

Appreciate it mate 

0 Likes
Highlighted
Shopify Partner
9454 1195 3324

@Weswes 

Thanks for URL.

do you have like mobile 2 product per row?

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
Highlighted
Tourist
8 0 2

@KetanKumar  Yes precisely. we need to see two products in every row ( I.e two columns) in the mobile view. 

Highlighted
Shopify Partner
9454 1195 3324

@Weswes 

Thanks for URL.

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

div#CollectionSection { 
.medium--one-half  {
@media (max-width:768px) {
    width: 50%;
}
}
}
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
Highlighted
Tourist
8 0 2

@KetanKumar  Thank you very much. It worked. Although sometimes there is a gap for some reason and only 1 product shows (see picture below) but nevertheless I’m happy mate. Thanks again for your help!

 

 

D7C882C8-CF14-4526-9A2B-220F0A851858.jpegB90754F9-6531-45B2-BBC0-AD65D3C8A7A4.jpeg

0 Likes