[Support request] Wp Show Posts display 2 columns in mobile

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Wp Show Posts display 2 columns in mobile

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #19205
    Lorenzo
    Participant

    Hi, I am using Cards from Wp Show Posts beta version. I see that in Mobile Version 2 columns and 3 columns grids become 1 single column. May you suggest css for having 2 columns and 3 columns in mobile version also?
    Thanks

    #19224
    Tom
    Keymaster

    Hi there,

    It’s possible, but it would require CSS right now. Feel free to link us to your site and we can take a look 🙂

    #19281
    Lorenzo
    Participant

    Hi, I provided the linkas private in this discussion on Generatepress forum: https://generatepress.com/forums/topic/wp-show-posts-display-2-columns-in-mobile/#post-1438392

    #19364
    Lorenzo
    Participant

    Hi this is the link: https://www.staging4.viaggi-usa.it/bozza-home-page/

    you can se find many posts lists,I would be grateful if you help me with css for the first 2. Thanks

    #19436
    Tom
    Keymaster

    You could try something like this:

    @media (max-width: 768px) {
        #wpsp-57068.wp-show-posts-columns .wp-show-posts-single {
            width: 50%;
        }
    
        #wpsp-57068.wp-show-posts-columns {
            margin-left: -2em !important;
        }
    
        #wpsp-57068.wp-show-posts-columns .wp-show-posts-inner {
            padding-left: 2em;
        }
    }

    You can add as many selectors to each block as you need, you just need to update the list ID for each one.

    Alternatively, give the lists a custom class like two-column-mobile and use that .two-column-mobile in place of #wpsp-57068.

    #19541
    Lorenzo
    Participant

    thanks

    #19583
    Tom
    Keymaster

    No problem 🙂

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