Resize client images in mobile view

Hi,

I’d like to be able to resize the client images that appear when viewed on mobile.

They look great on desktop view (bottom of this page):

http://www.kickstartcontent.com/copywriting-portfolio/

But on mobile view they’re so small. See image here:

http://www.kickstartcontent.com/wp-content/uploads/2017/04/IMG_1082-002.png

Could I change it so it only shows 1 per row on mobile view?

Thanks,
Sophie

Hello Sophie,

Please try to use the following CSS code.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

@media only screen and (max-width: 991px) {
    .widget_sydney_clients .roll-client .client-item {
        width: 100%;
    }

    .widget_sydney_clients .roll-client .client-item img {
        max-width: 100%;
    }
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Thanks Roman,

That’s done the job!

Sophie

Great! You are welcome Sophie :slight_smile:

Kind Regards, Roman.