change logolist on mobile, but stay the same on desktop display

change logolist on mobile, but stay the same on desktop display

sondreskskfsghj
Tourist
41 0 2

the logo list looks good for pc:

sondreskskfsghj_0-1675965128016.png

 

but for mobile, it overlaps and dosen't look very good:

sondreskskfsghj_1-1675965127558.png

 

 

I want to keep it as it is for pc, but change it on mobile, so it's three images side by side, similar to this

sondreskskfsghj_2-1675965127564.png

 

TLDR: logolist stay the same for pc, on mobile change to 3 logos side by side

store link: https://8c2dd1-3.myshopify.com/ 

 

 

Reply 1 (1)

PageFly-Victor
Shopify Partner
7865 1786 3131

Hi @sondreskskfsghj 

This is Victor from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css.

Step 3: Paste the below code at bottom of the file -> Save

 

@media screen and (max-width: 767px){

.logo-bar__item:last-child {

    display: none;

}

.logo-bar {

    margin-bottom: 0 !important;

    flex-wrap: nowrap !important;

}

}

PageFlyVictor_0-1675993078651.png

 

Hope that my solution works for you.

Best regards,

Victor | PageFly