[Resolved] 2 posts side by side on mobile

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support 2 posts side by side on mobile

This topic contains 3 replies, has 2 voices, and was last updated by  Tom 2 weeks, 4 days ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #6493

    Matthew
    Participant

    Hi

    At the moment I have a posts list setup to have 4 columns. When its any kind of mobile screen size it changes this to 1 column with them all below each other.

    How can I have it so it shows 2 on one row on mobile ? So 2 columns.

    Thanks.

    #6496

    Tom
    Keymaster

    Hi there,

    This should help:

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

    Matthew
    Participant

    That worked great thanks! 🙂

    #6513

    Tom
    Keymaster

    You’re welcome 🙂

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

You must be logged in to reply to this topic.