How to make logo list horizontal?

New Member
3 0 0

Hi Everyone!

 

I need help with the Shopify Debut theme and the "logo list" I have good attribute icons in 4 of the slots and in the desktop version they look great. They are lined up horizontally! In the mobile version they are lined up vertically, is there are way to fix this? 

 

Thank you!

0 Likes
Shopify Expert
96 17 12

@Holaitsami - Can you share your store url and if there is a password, include that as well?

0 Likes
Navigator
358 39 40

on mobile they can be made horizontal but then they will look squeezed up, if you can share your store link and password if any

 

then I can help

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes
New Member
3 0 0
New Member
3 0 0
Navigator
358 39 40

this is iphone view, it will look like this, squeezed, I recommend 2x2 structure for mobile

 

Screenshot 2019-09-28 11.05.27.png

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes
Shopify Expert
96 17 12

@Holaitsami - Perfect!  We are goin to toss those into a flex-box and then on mobile, reduce the margins so they aren't so squished.

 

Add this to the bottom of your theme.scss file and you should be good to go!

 

.logo-bar {
    display: flex;
    justify-content: center;
}
@media only screen and (max-width: 749px) {
.logo-bar__item {
margin: 0 10px;
}
}
0 Likes
Shopify Expert
96 17 12

@Holaitsami - Here is a screengrab of how it looks on mobile:

 

Screen Shot 2019-09-27 at 10.42.19 PM.png

 

 

0 Likes
Shopify Expert
96 17 12

@Holaitsami - If this worked, feel free to mark this as solved so the next person can use it as a reference.  Thanks!

0 Likes