Need Mobile Responsive Grid

[Crystal Hamilton]

Hello,

This post grid is not displaying correctly in the tablet and mobile view. How can I keep the 2 column post grid on these versions? The current display is cutting off a portion of the grid, and it is not automatically shrinking to the correct display size.

The larger left image is the only photo automatically adjust to tablet size. Please help.

URL for post grid: http://www.kidfitstrong.com

To access the site please use the following:

WPLogin:

User: kfs-admin
Pass: Breakthrough8!

Thank you.

[Raghavendra]

Looks like the posts blocks have Custom CSS applied to them which is not responsive since it just sets the same width (180px) for all device resolutions. Do you want us to provide you with further CSS to make it responsive since we will need custom CSS to be applied using the CSS3 media queries? Pls let me know and we can do the same or if you are familiar with media queries you can tweak the below CSS to your needs-

.home .lae-module-3 .lae-module-thumb {
    width: 180px;
}
@media screen and (min-width: 480px) {
    .home .lae-module-3 .lae-module-thumb {
    width: 120px;
}
}
@media screen and (min-width: 800px) {
    .home .lae-module-3 .lae-module-thumb {
    width: 180px;
}
}

[Crystal Hamilton]

I am not familiar with CSS3 queries. Your assistance would be greatly appreciated.

Thanks

[Crystal Hamilton]

Please keep maintenance mode active when you are working on the site. I have sponsors constantly visiting the site, and I don’t want them to see the unfinished site.

Thanks

[Crystal Hamilton]

I figured it out. Thanks for all of your help!

[Author]

Posts