Why does one specific logo auto-resize and make others smaller in multi-column section?

I am using a multicolumn section for a sponsor logos at the bottom of the page. When I add one specific logo, it seems to auto-resize and make all the other logos smaller. When I add another logo instead of the one specific logo, it doesn’t do it. I have tried resizing the logo and that didn’t seem to help. If someone can tell me which code affects this and how to adjust it that would be super amazing. I’m using the Crave theme, though I’m sure it’s a similar solution with all themes.

@falconert

Hello,

Please firstly give me the URL and screenshot for where the issue created, then i will check the issue.

Thanks @niraj_patel

Please use this code above in theme.liquid

layout >> theme.liquid

.media.media--transparent.media--adapt { width: 250px!important; height: 120px!important; } img.multicolumn-card__image { object-fit: contain!important; object-position: center!important; }

after paste the given code looks like this,

here, the third image in too smaller so please use images same width and height after that section looks will better. :slightly_smiling_face:

1 Like

i suggest logo image should be 250 X 120 resolution.

1 Like

@niraj_patel you’re an absolute gem. That worked perfect, thank you!

1 Like