Multiple Link Blocks issue - need three per row

Highlighted
Shopify Partner
9398 1186 3292

@Genuinner 

Thanks for it 

i mean i can be done some customization code

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
34 0 16

Hi @KetanKumar 

I thought that you can do it for me and share the code. Is that posible?

Thanks

Mp

0 Likes
Highlighted
Tourist
34 0 16

Hi @KetanKumar 

I have tried with this code to see 2 link-blocks per line in the mobile device but it doesn't work. Can you help me with this please?

@media (max-width:749px) {
#shopify-section-link-block .grid__item {
width: 50%;
}
}

Thanks in advance!

Mp

Highlighted
Shopify Partner
9398 1186 3292

@Genuinner 

Thanks for try it 

but something is missing 

can you please add this code

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) {
#shopify-section-16041683633e9b628d .flex__item {
    position: relative;
    -webkit-flex: 1 1 50%;
    -moz-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 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
34 0 16

Hi @KetanKumar 

Excelenteee!! Thank you very much!! It works perfectly.

You are Great!!

Mp

Highlighted
Shopify Partner
9398 1186 3292

@Genuinner 

Thanks for update and support.

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
34 0 16

Thanks to you @KetanKumar ! Your are help me a lot.

By the way, with the this optimization for link-block section, I broke the Columns with text alignment.

Because the code added in theme.scss I have now the Columns Sections separate (in the desktop web). I mean, before I got 3 pictures with text in same row and now I have just 1 picture (very high) per row with the text bellow, and then the rest in separate rows. Can we also solve this?

This is what we added and the problem come after this. Can you share me a code to fixe it.

.flex {
flex-wrap: wrap; 
}

Thanks in advane

Mp

 

Highlighted
Shopify Partner
9398 1186 3292

@Genuinner 

do you mean like this?

KetanKumar_0-1606104348503.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
Highlighted
Tourist
34 0 16

Hi @KetanKumar 

You just solve perfectly this problem in a personal post in this link: https://community.shopify.com/c/Shopify-Design/Columns-Section-Change-to-1-image-per-row-and-I-want-...

I post here because maybe someone need to know how this issue finish.

Thanks for that

Mp

0 Likes
Highlighted
Shopify Partner
9398 1186 3292

@Genuinner 

Thank for update and support.

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