Site logo

Archived topic

Mobile - Want a white space between post Columns

3 replies · Started by Ashish on July 10, 2020

Viewing posts 1–4 of 4

Hi,

Im trying to get a white space (Gap) between columns in the mobile view. The Code below allows 2 posts on a mobile, but does not have a gap between columns. (In the desktop, and tablet view, there is a perfect gap).

Site: http://hetalkamdar.com (Please check in a mobile browser)

Used this code given by you in another post a while ago.

/* To show 2 columns on the mobile phone */
@media (max-width: 768px) {
.wp-show-posts-columns .wp-show-posts-single {
width: 50%;
}
}

Hi there,

try this CSS:

@media (max-width: 768px) {
    .wp-show-posts-columns .wp-show-posts-inner {
        margin-left: 0.25em !important;
        margin-right: 0.25em !important;
    }
}

David ... You're a magician.

Exactly what I wanted.Im glad, I chose GeneratePress and WP Show Posts Pro.

Thank you so much.

Glad to be of help. And happy to hear you're enjoying GP and WPSP :)

This archived topic is closed to new replies.