2 posts side by side on mobile

This topic has 8 replies, 3 voices, and was last updated 4 years, 1 month ago by Tom.

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

Author

Posts
November 20, 2018 at 2:26 pm #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.

November 20, 2018 at 5:26 pm #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;
    }
}
```
November 21, 2018 at 8:21 am #6504

Matthew
Participant

That worked great thanks! 🙂

November 21, 2018 at 1:24 pm #6513

Tom
Keymaster

You’re welcome 🙂

August 7, 2019 at 7:07 pm #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

August 8, 2019 at 4:50 pm #10660

Tom
Keymaster

Can you link me to your site?

Let me know 🙂

August 9, 2019 at 11:53 am #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

August 9, 2019 at 5:56 pm #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

August 10, 2019 at 4:47 pm #10692

Tom
Keymaster

Glad you figured out a solution 🙂
Author

Posts

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

You must be logged in to reply to this topic.

[Resolved] 2 posts side by side on mobile