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
2665 344 668

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

Success.

Shopify Partner
2665 344 668

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

Success.

Shopify Partner
2665 344 668

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

Success.

Shopify Partner
2665 344 668

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
New Member
4 0 1

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
2665 344 668

@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