Venture Theme Logo List - Mobile - change number of logo images per row

Store Design
1

Hi,

Please can someone assist me.

At the bottom of my homepage I have a logo list and on the mobile version of my website there are 2 logo images per row (see screenshot below). I would like to change this to 3 logo images per row.

Note that this change should apply to mobile version only.

Thanks in advance!

www.electricrideco.com

IMG_9813.PNG
IMG_9813.PNG1125×2436 152 KB

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.scss.css and paste this at the bottom of the file:
@media screen and (max-width: 749px){
div#shopify-section-1645530656da5c7ac7 .flex.flex--grid .flex__item.one-half {
width: 33.33% !important;
flex-basis: 33.33%;
}
}
@media screen and (max-width: 420px){
div#shopify-section-1645530656da5c7ac7 .flex.flex--grid .flex__item.one-half {
padding: 20px 10px;
}
}
1 Like
3

@ZestardTech

Perfect! Thanks so much for your help.

1 Like
4

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.