How can I have 2 rows of link blocks or collections on my front page in Venture? (MOBILE)

Solved
Explorer
69 0 15

I want to make it so that on the mobile version of my store, the link blocks show 2 in a row (it's currently only 1 and you have to scroll a lot) :

Adrianstefanov_0-1596700713439.png

I'd like to have 2 of them per row so they can be 2x2
Thank you!

1 Like
Highlighted
Shopify Partner
8330 1119 2912

Hello, @Adrianstefanov 

Welcome to the Shopify community!
and Thanks for your Good question. 


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
69 0 15
0 Likes
Highlighted
Shopify Partner
8330 1119 2912

Thanks 

i can see 2 product per row on mobile 

also, do need collection list 2 pre row like this 

KetanKumar_0-1596705634310.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
Explorer
69 0 15

Adrianstefanov_0-1596706537914.png

Hello again. I just added the sections as Collections (not as link blocks). I will add 3 more so they can be 6 but I will have to make the designs later. For now, can you tell me how I can code them to be 2 in a row so they can be 2x3? Also can you tell me how I can remove the text that is above the collections?

 

0 Likes
Highlighted
Shopify Partner
8330 1119 2912

@Adrianstefanov 

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

@media (max-width:749px) {
div#shopify-section-1595323691689 .flex__item {
webkit-flex: 1 1 50%;
    -moz-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-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
1 Like
Highlighted
Explorer
69 0 15

Adrianstefanov_0-1596712258511.png

Did not work. Any other solutions?

 

0 Likes
Highlighted
Shopify Partner
8330 1119 2912

This is an accepted solution.

@Adrianstefanov 

Yes, please add this 

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

 

 

@media (max-width:749px) {
div#shopify-section-1596705856566 .grid__item {
    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
1 Like
Highlighted
Explorer
69 0 15

Adrianstefanov_0-1596714236835.png

sort of working - can you tell me how I can remove the text  above the images (collection name and text)

 

0 Likes
Highlighted
Shopify Partner
8330 1119 2912

This is an accepted solution.

@Adrianstefanov 

Thanks 

Desktop and Mobile hide add this code 

div#shopify-section-1596705856566 .featured-card__header {
    display: none;
}

 

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