Black Friday sale! Get 25% off WPSP Pro! Discount automatically applied at checkout.

[Support request] How To: Responsive Elements

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support How To: Responsive Elements

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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

    #21324
    elvin
    Participant

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

    #21345
    Chantal
    Participant

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

    #21392
    elvin
    Participant

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

    #21664
    Chantal
    Participant

    Thank you, have sent the link.

    #21688
    elvin
    Participant

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.