[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 8 replies, has 3 voices, and was last updated by  Tom 6 days, 17 hours ago.

Viewing 9 posts - 1 through 9 (of 9 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 🙂

    #10640

    Diana
    Participant

    Hello Tom.

    I have a post list set up as 1 column, and I need that in mobile, shows 2 columns, I’ve tried to make something with the code you gave above but, I cant! Can you help me?
    Thanks
    Diana

    #10660

    Tom
    Keymaster

    Can you link me to your site?

    Let me know 🙂

    #10679

    Diana
    Participant

    Thanks for the response.
    The site: iluminet.com
    The code is on the left sidebar “products” is a wpsp of one column
    I want that in mobile becomes a two column (just like “media partners” above) in order to save some space on mobile.

    Thank you

    diana

    #10681

    Diana
    Participant

    Tom:

    I resolved in a different way: I created a sidebar that shows just on mobile and the code above works perfect, then disable the rest of the sidebars, very useful to fix some other things. Thank you. Diana

    #10692

    Tom
    Keymaster

    Glad you figured out a solution 🙂

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

You must be logged in to reply to this topic.