How can I decrease logo spacing on mobile view?

Store Design
1

Hello,

I am wondering if it is possible to decrease the space between logos for just mobile. When it goes into mobile you can only see one logo at a time but it looks fine on desktop. I am using the modular theme and my website is eleadorabeauty.com.

eleadorabeauty_0-1664214699460.png
eleadorabeauty_0-1664214699460.png647×707 149 KB

eleadorabeauty_1-1664214722041.png
eleadorabeauty_1-1664214722041.png1847×860 197 KB

2

Hi @eleadorabeauty ,

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> theme.css ->paste the below code at the bottom of the file.
@media screen and (max-width: 751px){
.logo-list__slider .flickity-slider {
    width: 60%;
	}
}

you can increase/decrease the value 60% to your choice.

1 Like
3

This worked great thanks!

4

Hi!

I have the same issue.

Why this didn’t work for me? —> cozy.cl

I’m using debutify theme.