Shopify Venture Theme link-block responsive: displays more blocks as resolution becomes smaller.

New Member
4 0 0

Hello

 

 I need help making the link-blocks responsive. As the screen resolution is decreased i would like it to display more than one block.

 

If it is a simple fix by adding code, please could you show me or direct me how to proceed.

 

Thanks in Advance

 

link-block full view.pnglink-block full viewlink-block mobile view.pnglink-block mobile view

0 Likes
New Member
3 0 0

Hi, I am having the same problem, I am using link blocks and i have noticed that they are not responsive 100% on mobile. Do you know how can i fix it? as you can see the imagen have not been displayed properly. 

1a.JPG

 

 

0 Likes
New Member
4 0 0

Hi @Ruben4 

Resolved .

Flex box short hand - flex( flex-grow flex-shrink flex-basis );

 

Solution is for venture theme.

Go to theme.scss 

my code starts on line 654

 

.flex__item {
position: relative;


@include flex(1 1 50%); I changed @include flex(1 1 100%); to @include flex(1 1 50%);  hand for flex box. 

 

        
width: auto!important;
min-width: 0; // Firefox fix
}

 

 

0 Likes
New Member
3 0 0

Hi @KRaatz Unfortunatly, it didn't work for me.

0 Likes

Hello ,

Please share your site url so that I will give you exact solution

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
3 0 0

Hi, the website is www.xuragu.com , thanks for your help in advance

0 Likes

@Ruben4,

Please add below css

@media only screen and (max-width: 749px) {
.link-block {
	height: auto !important;
	padding: 30% !important;
}
}

 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes