How To: Responsive Elements

This topic has 5 replies, 2 voices, and was last updated 4 months ago by elvin.

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

Author

Posts
October 18, 2020 at 3:22 pm #21315

Chantal
Participant

If someone can give me some code for the following I would be eternally grateful!

1. I have my list columns set at 3 which is how I would like it to display on the desktop, but I would like to display only 2 for Tablet and Mobile. How can I do this please?

2. I have selected the Social Sharing buttons but I don’t want the icons to display on tablets and mobiles, only desktop. How do I hide them please?

Thanks in advance,

Chantal

October 18, 2020 at 4:04 pm #21324

elvin
Moderator

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. :

October 19, 2020 at 1:12 am #21345

Chantal
Participant

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

October 19, 2020 at 1:29 pm #21392

elvin
Moderator

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 .:)

October 26, 2020 at 4:33 pm #21664

Chantal
Participant

Thank you, have sent the link.

October 26, 2020 at 8:16 pm #21688
elvin
Moderator
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
Author

Posts

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

You must be logged in to reply to this topic.

[Support request] How To: Responsive Elements