Modify "Brand List" grid appearance in Venture Theme

[mattialussana]

Hi everyone,

I recently set the Brand List on my website built on Venture theme from scroll to grid mode. How can I put more than 4 logos in a row?

I only managed to reduce the size of logos from 250x250 to 200x200 but I can't figure out how to modify grid options.

Do you guys have a suggestion?

Thanks in advance.

Mattia

[mattialussana]

No one?

[Be_Steven]

You should share your store URL & screenshot so we can help you

[mattialussana]

Store URL is https://www.frontocean.com/ 

And this is what Brand List looks like now:

[Be_Steven]

You should open that brand section in Theme Customize to check if there are setting that managed the number of brand per row (I think it will be there)

Reduce the size of logo will not work since it be managed by classes & styling of the parent elements

quick solution (not the best choice)
add these lines of  code to the bottom of your CSS file. eg: assets/theme.scss

@media only screen and (min-width: 750px) {

#shopify-section-1548784678448 .medium-up--one-quarter {
width: 20%;
flex-basis: 20%;
}

}

Then it should look like this

[mattialussana]

Unfortunately it is not possible to do that through settings. This is what is looks like:

Thanks! If I won't find a way to do it more properly, I think I will use your solution. 

[mattialussana]

I think that for the moment I'm going to use the one you posted.

@media only screen and (min-width: 750px) {

#shopify-section-1548784678448 .medium-up--one-quarter {
width: 10%;
flex-basis: 10%;
}

}

@media (max-width: 750px) {

#shopify-section-1548784678448 .medium-up--one-quarter {
width: 25%;
flex-basis: 25%;
}

}

I edited the first one to show 10 logos per row in desktop mode, and then copied it and edited to show 4 logos per row in mobile mode. Do you think this will work on every device or will there be compatibility issues?

[Be_Steven]

It should worked correctly on all device base on the screensize. You did it correctly.

For your information, if you remove that section and add it again, it will generate a new section id. then you will need to replace the current ID to that (the red text)

#shopify-section-1548784678448

[mattialussana]

Ok thanks for the further information! And yes, I hope it will work on the majority of devices too.

Thanks again.