Topic: Customizing responsiveness for post items | WP Masonry Layout

Customizing responsiveness for post items

Home Forums Pro Version Customizing responsiveness for post items

This topic contains 3 replies, has 2 voices, and was last updated by  Masonry Guy 8 months, 3 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #12790 Reply

    Justin G

    Im trying to limit my post items to 1 per row once my screen resolution reaches =< 480px. It currently only changes at 320px and lower. Can you please advise where would be the best place to customize this.

    #12799 Reply

    Masonry Guy
    Keymaster

    Hi Justin,

    Please use this custom css and it should fix your issue.

    Please use this css. It should allow 1 column in mobile devices.

    @media only screen and (max-width: 480px) and (min-width: 321px) {
        .wmle_container.responsive .wmle_item_holder.col5{width:100%}
        .wmle_container.responsive .wmle_item_holder.col4{width:100%}
        .wmle_container.responsive .wmle_item_holder.col3{width:100%}
        .wmle_container.responsive .wmle_item_holder.col2{width:100%}
    }

    Hope this helps.

    Thanks

    #12854 Reply

    Justin G

    Wonderful, it worked. Thanks!

    #12861 Reply

    Masonry Guy
    Keymaster

    Glad it is working for you.

    If you have a few mins for us, can you please write us a review for our plugin at https://wordpress.org/support/view/plugin-reviews/wp-masonry-layout ? This will help us grow and makes easier for others to decide to use the plugin.

    Thanks

Viewing 4 posts - 1 through 4 (of 4 total)
Reply To: Customizing responsiveness for post items
Your information: