[Support request] How To: Responsive Elements

Hi,

Both of your questions will need custom CSS.

That said, can you link us to the site in question? So we could inspect and provide you the proper CSS code for your site.

Thank you. :

Yes of course, is there a way to send you the link privately please?

You can send your details here: https://wpshowposts.com/contact/

Kindly reply here when you’ve sent it. Thanks .:)

You can try this CSS:

@media (max-width: 768px) {
    #wpsp-1870.wp-show-posts-columns .wp-show-posts-single {
        width: 50%;
    }

    #wpsp-1870.wp-show-posts-columns {
        margin-left: -2em !important;
    }

    #wpsp-1870.wp-show-posts-columns .wp-show-posts-inner {
        padding-left: 2em;
    }
}

Reference: https://wpshowposts.com/support/topic/wp-show-posts-display-2-columns-in-mobile/#post-19436

Sorry for the very late response but unfortunately this code isn’t working for me… on desktop it stays in 2 columns, when I want 3. Can I send the link again privately please?

Sure. Let us know if you’ve sent it so I can check again. 😀

I’ve checked the page you’ve linked us to and I don’t see any WPSP list in it.

I see post lists but that’s from Elementor. Perhaps I missed it, can you confirm if the link sent is correct and point me to the list in question?

Let us know.

Hi there,

Can you do this for now?

Edit the WPSP list to set its columns to 3.

Let us know when you have it applied so I can inspect again and do a writeup.

While you can try this:

@media(max-width:1024px){ // for tablets and small desktops - 2 columns
#wpsp-1870.wp-show-posts-columns .wp-show-posts-single{
width: 50%;
}
}

Not sure if it works smoothly. I may have to reinspect after you’ve applied the said settings.