Title: Make Rows in Mobile?
Last modified: August 21, 2016

---

# Make Rows in Mobile?

 *  Resolved [micahjmurray](https://wordpress.org/support/users/micahjmurray/)
 * (@micahjmurray)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/make-rows-in-mobile/)
 * Hi There,
 * I’m using this plugin and I really like it. However, on my mobile version it’s
   just showing one long column of four thumbnails. I’m wondering if there’s a way
   to force it to shrink the four thumbnails into one row on mobile, (as it displays
   on desktop) or better yet, into a nice neat square area of 2×2 thumbnails?
 * As is, scrolling down takes up a lot of space on mobile.
 * This is the custom CSS I have now:
 *     ```
       .wp_rp_content {margin-left: 0px;
       display: inline !important;
       width: 100%;}
       .related_post_title { text-align:left; font-size:medium;
       }
       ul.related_post {text-align:center;
       }
       ul.related_post li {text-align:center;
       width: 150px !important;
       }
       ul.related_post li a {text-align:center;
       }
       ul.related_post li img {text-align:center;
       }
       ul.related_post li a {
       }
       ul.related_post li a:hover{
       }
       ```
   
 * My site is [redemptionpictures.com](http://redemptionpictures.com)
 * Thank You
 * [https://wordpress.org/plugins/wordpress-23-related-posts-plugin/](https://wordpress.org/plugins/wordpress-23-related-posts-plugin/)

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [PetraP](https://wordpress.org/support/users/petrap/)
 * (@petrap)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/make-rows-in-mobile/#post-4959376)
 * Hey Micah,
 * thanks for reaching out – I’ll gladly help! The thing is, we made our mobile 
   themes responsive, so for example on Samsung Galaxy Note 3, it already shows 
   2×2 thumbnails. However, the following code:
 *     ```
       .wp_rp_content {margin-left: 0px;
       display:inline !important;
       width: 100%;}
       .related_post_title { text-align:left; font-size:medium;
       }
       ul.related_post {text-align:center;
       }
       ul.related_post li {text-align:center;
       width: 150px !important;
       }
       ul.related_post li a {text-align:center;
       }
       ul.related_post li img {text-align:center;
       }
       ul.related_post li a {
       }
       ul.related_post li a:hover{
       }
       @media screen and (max-width: 480px){
        .wp_rp_content {margin-left: 0px;
       width: 100%;}
       .related_post_title { text-align:left; font-size:medium;
       }
       ul.related_post {text-align:center;
       }
       ul.related_post li {text-align:center;
       width: 100px !important;
       }
       ul.related_post li a {text-align:center;
       }
       ul.related_post li img {text-align:center;
       width: 100px !important;
       height:100px !important;
       }
       }
       ```
   
 * will force 2×2 thumbnails to appear, for example on Google Nexus S, Apple iPhone
   5,… But if you would like, I can adjust the code for you specifically – I just
   need to know which mobile device are you using?
 * Hope this helps and please let me know how it goes!
 * Best,
    Petra
 *  Thread Starter [micahjmurray](https://wordpress.org/support/users/micahjmurray/)
 * (@micahjmurray)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/make-rows-in-mobile/#post-4959439)
 * This works perfectly. Thank you so much.
 *  [PetraP](https://wordpress.org/support/users/petrap/)
 * (@petrap)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/make-rows-in-mobile/#post-4959462)
 * Glad to hear it works 😀

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Make Rows in Mobile?’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/wordpress-23-related-posts-plugin_7b9a7c.
   svg)
 * [WordPress Related Posts](https://wordpress.org/plugins/wordpress-23-related-posts-plugin/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wordpress-23-related-posts-plugin/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wordpress-23-related-posts-plugin/)
 * [Active Topics](https://wordpress.org/support/plugin/wordpress-23-related-posts-plugin/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wordpress-23-related-posts-plugin/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wordpress-23-related-posts-plugin/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [PetraP](https://wordpress.org/support/users/petrap/)
 * Last activity: [11 years, 11 months ago](https://wordpress.org/support/topic/make-rows-in-mobile/#post-4959462)
 * Status: resolved