Black Friday sale! Get 25% off WPSP Pro! Discount automatically applied at checkout.

[Support request] Grid view from Mobile

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Grid view from Mobile

  • This topic has 3 replies, 2 voices, and was last updated 8 months ago by Tom.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #14295
    Francesco Leone
    Participant

    Hi there,
    I would like to be able to display 2 columns also from mobile devices (actually there is no way to fix this, even if I set images to be very small)
    Can you give me the css to fix this ?

    thanks
    Francesco

    #14307
    Tom
    Keymaster

    Hi there,

    Definitely a needed feature.

    Can you link me to your page so I can take a look/provide CSS?

    #14408
    Francesco Leone
    Participant

    Thanks for your reply, I’m developing a brand new website using Prime theme from Generate Press Site Library.
    As you can see it’s possible to have 2 products per columns in mobile (that is a different script for Woocommerce, of course).
    I need the same effect using Wp show posts, since my objects are not products but posts (or pages).
    Can you paste me here css ?

    thanks

    #14415
    Tom
    Keymaster

    Try this:

    @media (max-width: 767px) {
        #wpsp-123.wp-show-posts-columns {
            margin-left: -2em !important;
        }
    
        #wpsp-123.wp-show-posts-columns .wp-show-posts-single {
            width: 50%;
        }
    
        #wpsp-123.wp-show-posts-columns .wp-show-posts-inner {
            margin-left: 2em !important;
        }
    }

    Just replace 123 with the ID of your list.

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