Horizontal linkable logos on one row

Solved
Excursionist
28 0 2

Good Evening! 

 

I'm trying to achieve lining up 9 separate linkable logos on a single row on the Impulse theme. 

 

Attached is a screenshot. Any help is greatly appreciated! Screen Shot 2019-09-24 at 4.39.14 PM.png

 

 

1 Like
Shopify Expert
665 170 199

Hi, @chadwicknyc ,

This is Evita from On The Map.

 

Can you add your Store URL?

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Navigator
358 39 40

t can be done via css, but logo sizes will be very small, and needs to change a lot of css

 

are you ok with it? if yes, give your site link and password if any

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

paypal.me/suyashpatankar
0 Likes

Success.

Shopify Expert
96 17 12

@chadwicknyc - If you add this at the end of your css file, it will put the logos on a single line on screens greater than 769px (ie. tablet+)

@media only screen and (min-width: 769px) {
.logo-bar__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
} 

 

 

0 Likes
Excursionist
28 0 2

@__cascadia wrote:

@chadwicknyc - If you add this at the end of your css file, it will put the logos on a single line on screens greater than 769px (ie. tablet+)

@media only screen and (min-width: 769px) {
.logo-bar__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
} 

 



 

This worked perfectly! Thank you so much! 

1 Like
Shopify Expert
96 17 12

giphy (3).gif

0 Likes