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

[Adrianstefanov]

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) :

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

[KetanKumar]

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.

[Adrianstefanov]

Thank you. www.protein-land.com

[KetanKumar]

Thanks 

i can see 2 product per row on mobile 

also, do need collection list 2 pre row like this 

[Adrianstefanov]

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?

[KetanKumar]

@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%;
}
}

[Adrianstefanov]

Did not work. Any other solutions?

[KetanKumar · 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%;
}
}

[Adrianstefanov]

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

[KetanKumar · Accepted solution]

@Adrianstefanov 

Thanks 

Desktop and Mobile hide add this code 

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