Black Friday Sale! Get up to $30 off GP Premium! Learn more ➝

[Resolved] Displayed images on Mobile

Home Forums Support [Resolved] Displayed images on Mobile

Home Forums Support Displayed images on Mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #211371
    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

    Richard Pagliaro
    Reel Movie Posters
    https://reelmovieposters.com.au

    #211378
    Tom
    Lead Developer
    Lead Developer

    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;
        }
    }
    #211380
    richpags

    What a champ Tom!
    Cheers mate.

    Check it out now πŸ™‚

    Richie

    Richard Pagliaro
    Reel Movie Posters
    https://reelmovieposters.com.au

    #211468
    Tom
    Lead Developer
    Lead Developer

    Awesome! Glad I could help πŸ™‚

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.