Brooklyn theme mobile veiw display two product

Solved
Highlighted
Tourist
8 0 1

Hi,
Is there any way to display two product in a single row on mobile view using brooklyn theme, i have tested the method of 'small--one-half' but still i cant get the solutions, maybe i not getting the correct file to put this syntax, please guide me in which file i have to put this syntax for mobile view,
store link,

https://gravity-store-27.myshopify.com

1 Like
Highlighted
Shopify Partner
9227 1179 3245

Hello, @GravityStore 

Thanks for post

Please check attachment for your solution 
if you have face any problem let me know i can help you

Flamingo Demo _ Edit _ Brooklyn _ Shopify (1).pngFlamingo Demo _ Edit _ Brooklyn _ Shopify.png

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

Hey,
Thanks for the reply i have updated the code but still i cant see the two product on the same row,

Store Link,
 https://gravity-store-27.myshopify.com

 

 Please see the following links once.

1. https://prnt.sc/r8f4zu

2. https://prnt.sc/r8f74q

3. https://prnt.sc/r8f63w

0 Likes
Highlighted
Shopify Partner
9227 1179 3245

This is an accepted solution.

sorry but it's demo theme code please select theme settings collection proper view.

also, you can  see theme demo look moble 2 product please update code on this file
<!-- snippets/onboarding-featured-products.liquid -->

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
Shopify Partner
9227 1179 3245

This is an accepted solution.

please check this

Flamingo Demo _ Edit _ Brooklyn _ Shopify (2).png 

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
Tourist
8 0 1

thanks alot man, you save my life :D
the proper files is onboarding-featured-products.liquid in that file we need to add the small syntax,
i have to delete the syntax from collection-grid-item.liquid and product-grid-item.liquid, or  just leave that ?

0 Likes
Highlighted
Tourist
8 0 1

Hi,
i need your help again it was working fine but yesterday when i was filling the area i was that my products are not showing me on the same row, can you please help me again.

0 Likes
Highlighted
Shopify Partner
9227 1179 3245

This is an accepted solution.

I have done this, please check this file
Sections > featured-products.liquid > go to line No: 50 then update below code
Note: only for this line don't update other please

{% assign grid_item_width = 'small--one-half medium--one-half large--one-third' %}
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
Excursionist
22 0 2

Hi, I'd like to ask a question.

I tried to edit code to display 2 product on 1 row in mobile.

It works but some pages cannot display 2 products properly.

Would be great if you could help for my website as well.

My site: https://bitejapan.sg/

Thanks!IMG_5769.PNG

1 Like
Highlighted
Shopify Partner
9227 1179 3245

@Hana29 

Thanks for post.

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

@media screen and (max-width: 590px) {
.grid-product__title {
height: 80px;
    display: block;
}
}
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