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

[Support request] Different settings on tablet

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Different settings on tablet

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #16502
    Samuel
    Participant

    Hi !

    I set my grid to 3 columns and 9 posts. It’s displaying well on desktop and switching to 1 column on mobile which is perfect.

    But as I don’t like how it’s displaying on tablet (stretching image too much) I forced it to display on 2 columns on tablet with this CSS :

    @media only screen and (max-width: 1024px) and (min-width:767px) {
    .wp-show-posts-single {
    width: 50%;
    }
    }

    My question is now : is it possible to set number of post to 8 on tablet ? Because with this trick I have a orphan post at the end of the grid.

    Thanks for your help,
    Samuel

    • This topic was modified 5 months, 2 weeks ago by Samuel.
    • This topic was modified 5 months, 2 weeks ago by Samuel.
    • This topic was modified 5 months, 2 weeks ago by Samuel.
    #16507
    Samuel
    Participant

    Re,

    Finally I managed to do it with this CSS :

    @media only screen and (max-width: 1024px) and (min-width:767px) {
    .wp-show-posts-single:nth-child(9) {
    display: none !important;
    }
    }

    Do you thing it’s ok ?

    #16551
    Tom
    Keymaster

    Hi there,

    No problem with that at all 🙂

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