Client logos are overlapping on phone screen


#1

Hi,
I am trying to make sure the client logos are not affected when using a phone/tablet. It looks perfect on the website size wise (I used a css code from a previous support topic - https://athemes.com/forums/topic/clients-logos-bigger/) but on phones/tablets the clients logos are overlapping and therefore looks a bit unprofessional.


#2

the website is medx.manmedsoc.com


#3

BUMP


#4

Hello there,

You can wrap them within css media querie like this in order to target screens above 1000px in width:

/*client picute size*/
@media screen and (min-width: 1000px) {
    .roll-client .client-item {
          width: 25%;
    }
    .roll-client .client-item img {
        max-width: 250px;
    }
}

You can read more about CSS Media Queries here https://css-tricks.com/css-media-queries/

Best Regards