Archived topic

Displayed images on Mobile

3 replies · Started by richpags on July 19, 2016

Viewing posts 1–4 of 4

July 19, 2016 at 10:13 pm #211371

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

July 19, 2016 at 11:43 pm #211378

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;
    }
}

July 20, 2016 at 12:02 am #211380

What a champ Tom!
Cheers mate.

Check it out now :)

Richie

July 20, 2016 at 8:56 am #211468

Awesome! Glad I could help :)

This archived topic is closed to new replies.

Start building better websites today.