Title: Mobile Device Last modified: August 22, 2016 --- # Mobile Device * Resolved [bohemiandiesel](https://wordpress.org/support/users/bohemiandiesel/) * (@bohemiandiesel) * [11 years, 8 months ago](https://wordpress.org/support/topic/mobile-device-3/) * The output on mobile devices is not beautiful. * Can I change the output. I don`t wanna remove the plugin! So maybe there is a solution to show it in a different way. * Kind regards * Andy * [https://wordpress.org/plugins/wordpress-23-related-posts-plugin/](https://wordpress.org/plugins/wordpress-23-related-posts-plugin/) Viewing 15 replies - 1 through 15 (of 20 total) 1 [2](https://wordpress.org/support/topic/mobile-device-3/page/2/?output_format=md) [→](https://wordpress.org/support/topic/mobile-device-3/page/2/?output_format=md) * [PetraP](https://wordpress.org/support/users/petrap/) * (@petrap) * [11 years, 8 months ago](https://wordpress.org/support/topic/mobile-device-3/#post-5318555) * Hey Andy, * thanks for reaching out – I think we can make it happen! Would you be so kind and give me a link to your blog and also tell me how would you like “related posts” to be seen on mobile? * Looking forward to your reply, Petra * Thread Starter [bohemiandiesel](https://wordpress.org/support/users/bohemiandiesel/) * (@bohemiandiesel) * [11 years, 8 months ago](https://wordpress.org/support/topic/mobile-device-3/#post-5318559) * Hey Petra, * it should be shown in the same way like in the desktop version: * [http://bohemiandiesel.com/muses/monday-muses/delilah-parillo](http://bohemiandiesel.com/muses/monday-muses/delilah-parillo) * is that possible? * [PetraP](https://wordpress.org/support/users/petrap/) * (@petrap) * [11 years, 8 months ago](https://wordpress.org/support/topic/mobile-device-3/#post-5318572) * Hey, * thanks for getting back to me! Hmmm…I am not sure we can make them show up all in one row, if that’s what you are thinking? I mean, we would have to make the thumbnails really small. But before we do anything to those thumbnails – are those “Like” and “Pin it” buttons there on purpose? Also, there seems to be some kind of button under the related posts? * Best, Petra * Thread Starter [bohemiandiesel](https://wordpress.org/support/users/bohemiandiesel/) * (@bohemiandiesel) * [11 years, 8 months ago](https://wordpress.org/support/topic/mobile-device-3/#post-5318579) * Hi, * “Also, there seems to be some kind of button under the related posts?” –>these are the tags. we need them…. * “are those “Like” and “Pin it” buttons there on purpose?”–> the owner of the site won`t them remove… * You can fix it how you want but important is that there is no more overlaps. * Best, Andi * Thread Starter [bohemiandiesel](https://wordpress.org/support/users/bohemiandiesel/) * (@bohemiandiesel) * [11 years, 8 months ago](https://wordpress.org/support/topic/mobile-device-3/#post-5318666) * Hi Petra, * is there already any solution? * Best, Andi * [PetraP](https://wordpress.org/support/users/petrap/) * (@petrap) * [11 years, 8 months ago](https://wordpress.org/support/topic/mobile-device-3/#post-5318673) * Hey Andi, * I did what I could from our plugin’s point of view. Save all your settings before you make any changes. Try the following code (replace/add the code to that “Custom CSS” box): * ``` .related_post_title { } ul.related_post { display: inline-block !important; margin: 0 !important; padding: 18px 10px !important; position: absolute !important; z-index: -2 !important; } ul.related_post li { } ul.related_post li a { } ul.related_post li img { } @media screen and (max-width: 480px){ ul.related_post li a:nth-child(2) { font-size: 10px !important; } ul.related_post.wp_rp { z-index:-5 !important; } ul.related_post { z-index:-5 !important; } ul.related_post li { display: inline-block !important; width: 75px !important; clear: both !important; margin-bottom: -10px !important; } ul.related_post li a { position: relative !important; display: block !important; font-size: 10px !important; line-height: 1.1em !important; text-decoration: none !important; margin-bottom: 5px !important; text-indent: 0 !important; } ul.related_post li img { width: 75px !important; height: 75px !important; } } ``` * Here is a [screenshot for easier navigation](http://i.imgur.com/WT3cR2G.png). * Let me know how it goes, Petra * PS: That z-index is a bit tricky as I can’t test this fully on my side, so if it is causing any difficulties just change it to zero. If you wish you can make me a guest account so that I can take a closer look and make finer adjustments. * Thread Starter [bohemiandiesel](https://wordpress.org/support/users/bohemiandiesel/) * (@bohemiandiesel) * [11 years, 8 months ago](https://wordpress.org/support/topic/mobile-device-3/#post-5318676) * Hey Petra, * I can`t fix it. I think it´s better you may have a look. If you want 🙂 * Would be nice. How should we handle it? * Best, * Andi * [PetraP](https://wordpress.org/support/users/petrap/) * (@petrap) * [11 years, 8 months ago](https://wordpress.org/support/topic/mobile-device-3/#post-5318678) * Hey, * sure no problem, I’ll have a go at it – it would be best if you send those credentials to support[at]zemanta[dot]com and first thing tomorrow morning I’ll have a look and see what I can do 🙂 * Take care, Petra * Thread Starter [bohemiandiesel](https://wordpress.org/support/users/bohemiandiesel/) * (@bohemiandiesel) * [11 years, 8 months ago](https://wordpress.org/support/topic/mobile-device-3/#post-5318686) * Perfect 🙂 * Check your mails…. * Best, Andi * [PetraP](https://wordpress.org/support/users/petrap/) * (@petrap) * [11 years, 8 months ago](https://wordpress.org/support/topic/mobile-device-3/#post-5318689) * Hey Andi, * no more overlapping issue on desktop and mobile devices – and I hope you will agree that the 3×2 display on a mobile device is better than all in one row… if I would make them fit in one row, the thumbnails would be really tiny and the titles wouldn’t be readable. [Desktop version.](http://i.imgur.com/ruIPFPY.png) [Mobile devices version.](http://i.imgur.com/BcO81gR.png) * Let me know what you think, take care and have a nice day! * Petra * Thread Starter [bohemiandiesel](https://wordpress.org/support/users/bohemiandiesel/) * (@bohemiandiesel) * [11 years, 8 months ago](https://wordpress.org/support/topic/mobile-device-3/#post-5318690) * Hey Petra, * Looks great. THX very much. How can I rate your support? * Best, Andi * Thread Starter [bohemiandiesel](https://wordpress.org/support/users/bohemiandiesel/) * (@bohemiandiesel) * [11 years, 8 months ago](https://wordpress.org/support/topic/mobile-device-3/#post-5318691) * Could it be that via iphone it does not work?! * [PetraP](https://wordpress.org/support/users/petrap/) * (@petrap) * [11 years, 8 months ago](https://wordpress.org/support/topic/mobile-device-3/#post-5318692) * Hmmm…will check it out and get back to you ASAP. * [PetraP](https://wordpress.org/support/users/petrap/) * (@petrap) * [11 years, 7 months ago](https://wordpress.org/support/topic/mobile-device-3/#post-5318731) * Hey Andi, * you are right, it doesn’t work on iPhone, so would you be so kind and replace: ` @media screen and (max-width: 480px)` with: `@media only screen and (max-width: 480px), only screen and (max-device-width: 480px)` in the plugin settings. It should work for the newer models but not sure for the old ones. * Let me know how it goes, Petra * Thread Starter [bohemiandiesel](https://wordpress.org/support/users/bohemiandiesel/) * (@bohemiandiesel) * [11 years, 7 months ago](https://wordpress.org/support/topic/mobile-device-3/#post-5318732) * Hey Petra, * nice to hear from you. It does not work. I give you again the admin so maybe you can have a look if you want and if you have time. * Best, Andi Viewing 15 replies - 1 through 15 (of 20 total) 1 [2](https://wordpress.org/support/topic/mobile-device-3/page/2/?output_format=md) [→](https://wordpress.org/support/topic/mobile-device-3/page/2/?output_format=md) The topic ‘Mobile Device’ 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/) ## Tags * [Mobile device](https://wordpress.org/support/topic-tag/mobile-device/) * 20 replies * 3 participants * Last reply from: [PetraP](https://wordpress.org/support/users/petrap/) * Last activity: [11 years, 7 months ago](https://wordpress.org/support/topic/mobile-device-3/page/2/#post-5318755) * Status: resolved