[Resolved] Displayed images on Mobile

[richpags]

Hey all,

Not sure if this has been discussed before, but I have a question about images being displayed via a mobile.

I have a movie poster site and currently the home page displays the images pretty big in one single column.
I think it would be better if they were displayed maybe in 2 columns and the posters to be smaller.

Just wondering if this was possible?
I tested out Lightweight Grid Columns, but that didn’t change anything.
Unless I am missing something.

If you could check my site out via mobile and give me some tips on what would look good, that would be great.

Thanks
Richie
reelmovieposters.com.au

[Tom]

Hi there,

Give this CSS a try:

@media (max-width: 768px) {
    .woocommerce ul.products li.product, 
    .woocommerce-page ul.products li.product, 
    .woocommerce-page[class*=columns-] ul.products li.product, 
    .woocommerce[class*=columns-] ul.products li.product {
        width: 48%;
        float: left;
    }
}

[richpags]

What a champ Tom!
Cheers mate.

Check it out now 🙂

Richie

[Tom]

Awesome! Glad I could help 🙂

[Author]

Posts