[Support request] Grid view from Mobile

Please login to receive premium support.

Support for the free plugin can be found here.

This topic has 3 replies, 2 voices, and was last updated 3 years, 5 months ago by Tom.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
March 27, 2020 at 11:21 am #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

March 27, 2020 at 5:39 pm #14307

Tom
Keymaster

Hi there,

Definitely a needed feature.

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

April 1, 2020 at 7:47 am #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

April 1, 2020 at 4:42 pm #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.
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.