Responsive Sponsor Logos

Hello, I noticed an inconsistency with the theme demo and my installation of the theme.

As the picture shows the demo will stack the sponsor logos in rows of three, but mine does not appear to do so - this is in responsive to an iPad resolution

any ideas?

thanks.

Hello,

Amount of rows/columns in this section depends on the images width. I can't see any issue with your logos on iPad - images are visible and are responsive - adjusted to screen width.

If you want to have the same layout - please use images with the same width as on the demo.

I looked at the image widths on the demo compared to the widths I am using. My images are pulling through at 248px as apposed to theme which is using a 200px width, but theme is managing to have rows of 3?

Surely since i am using images with a higher width I they would stack more like the ones on the demo.

thanks

I've noticed now your custom css code:

Code: Select all

.gk-sponsors img {
    width: 20%;
    height: auto;
}


change it into:

Code: Select all

@media (max-width: 1000px) {
.gk-sponsors img {
    width: 30%;
}
}

and adjust the width value of images and @media query max-width for your tablet view.

BTW: Very nice website