Responsive Sponsor Logos

Questions related to the configuration of Wordpress, themes, and security related questions/issues
Rate this topic: Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.
GK User
Fri Oct 16, 2015 1:43 pm
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.

Image
User avatar
Fresh Boarder

GK User
Mon Oct 19, 2015 8:32 am
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.
User avatar
Moderator

GK User
Mon Oct 19, 2015 9:21 am
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
User avatar
Fresh Boarder

GK User
Mon Oct 19, 2015 9:40 am
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 :)
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.