reduce image size in LOGO LIST for mobile? Debut

Solved
Highlighted
Excursionist
28 0 8

I was wondering if I can reduce the 3 pictures size "100% Natural products "Not tested on animals" "vegan"  only on mobile? I'm using Debut theme

 

URLS: eternalglo.com

0 Likes
Highlighted
Shopify Partner
1079 171 198

Hi There!

You want the three logos on one line or just a small reduction in size but keep one per row?

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
0 Likes
Highlighted
Excursionist
28 0 8

Hello @JHKC  

Is there a way to put them on one line on mobile? that would be amazing!

0 Likes
Highlighted
Shopify Partner
1079 171 198

This is an accepted solution.

Let's try this, please add it to theme.scss at the bottom:

@media only screen and (max-width: 749px)
{
.logo-bar__item {
    max-width: 100px!important;
    margin: 0 13.5px 25px!important;
}
}

 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
Highlighted
Excursionist
28 0 8

@JHKC 

You are awesome! It worked! Thank you so much for your help!!!!

0 Likes
Highlighted
Shopify Partner
9444 1187 3310

@AcidRain 

Thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
.logo-bar__item {
    max-width: 69px !important;
    margin: 0px 10px;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing