Resize client images in mobile view

Sydney Pro
#1

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

#2

Hello Sophie,

Please try to use the following CSS code.

You can add CSS code in Dashboard → Appearance → Customize → Additional 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.

#3

Thanks Roman,

That’s done the job!

Sophie

#4

Great! You are welcome Sophie :slight_smile:

Kind Regards, Roman.