Making the logos on the logo list section to fit on mobile (no swiping) BUT bigger on desktop

Store Design
, ,
1

I would like to make sure all three logos are displayed on mobile without swiping. Also, on desktop to make them bigger but without the spacing

https://ozoola.com.au/

Thanks in advance!

2

Hi @yoavyichie

This is Henry 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 (max-width: 767px){

.logos__logo {

padding: 0 !important;

}

.logos__slider-inner {

width: fit-content !important;

}}

Hope that my solution works for you.

Best regards,

Henry | PageFly

3

Thank you so much @PageFly-Henry
It solved the mobile version but the logos still look very small on the desktop. Also, there is lot of spacing in this section (see below). Do you know how can I remove it?

Thank you

IMG_D9107790CD77-1.jpeg
IMG_D9107790CD77-1.jpeg1170Ă—2532 288 KB

4

You can try with this code

@media (min-width: 800px){
.logos__slider {
margin: 0 !important;
max-width: 100% !important;
}

.logos__img.fade-in.lazyloaded {
width: 230px !important;
height: 230px !important;
}

.logos__slider-inner {
justify-content: space-around !important;
}}

div#logos__slider-text–template–15879449477312__section_logo_list_7HnJPF,

.logos.logos–template–15879449477312__section_logo_list_WrTE8K.text-light {
display: none;
}