Title: Default thumbnails on mobile
Last modified: August 21, 2016

---

# Default thumbnails on mobile

 *  Resolved [psteinweber](https://wordpress.org/support/users/psteinweber/)
 * (@psteinweber)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/default-thumbnails-on-mobile/)
 * Hi,
 * I wrote this issue to the support email months ago, but don’t get an answer there
   🙁
 * I’m using Zemanta related posts (great plugin). I switched off the themes entirely
   and uploaded a default thumbnail via the options. I added the plugin via `<?php
   wp_related_posts()?>` in the theme.
    It works great on the desktop, here’s an
   example: [http://www.makingitanywhere.com/long-runway/](http://www.makingitanywhere.com/long-runway/)
 * **But:**
    When I open the site on mobile (iOS & Android) **I only see the default
   thumbnail**. For every post (there is a featured image assigned, 100%). (If I
   delete the custom placeholder thumbnail I uploaded, it shows the default placeholder
   thumbnails provided by the plugin)
 * Looks like it’s being switched by the mobile theme setting somehow. Any ideas
   how to prevent that?
 * [https://wordpress.org/plugins/wordpress-23-related-posts-plugin/](https://wordpress.org/plugins/wordpress-23-related-posts-plugin/)

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

 *  [Mateja](https://wordpress.org/support/users/sparkica/)
 * (@sparkica)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/default-thumbnails-on-mobile/#post-4712627)
 * Hi,
 * first, we are very sorry we did not respond to you via email. We experienced 
   some technical difficulties and I’m afraid your email got lost in the pile. Again,
   we’re sorry for this.
 * Now, to your thumbnail problem on mobile devices. I was able to reproduce this
   issue on Android phone.
    The thing is: desktop theme uses thumbnails of 200x150px,
   while mobile uses 150x150px. I suspect there are no thumbnails of 150x150px generated
   and mobile theme can’t find them, so you get default thumbnails.
 * We plan to remove these mobile settings in a week or two and leave only responsive
   desktop themes, but until then I suggest you try the following:
    1) Generate 
   150×150 thumbnails for featured images you use in your posts. You can use Regenerate
   thumbnails plugin, but make sure you have thumbnail size in Settings->Media set
   to 150x150px. 2) **OR** change custom css of your mobile themes to match the 
   css of your desktop theme.
 * Let me know if you need any further assistance, I’ll gladly help.
 * Take care & have a nice day,
    Mateja
 *  Thread Starter [psteinweber](https://wordpress.org/support/users/psteinweber/)
 * (@psteinweber)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/default-thumbnails-on-mobile/#post-4712777)
 * Hi Mateja,
 * thanks for your reply!
    Interesting hint! But I did not manually change the thumbnail
   size for mobile to 150×150, and the mobile placeholder seem to be 200×150. I 
   also do not want to resize thumbnails to square on the whole site, and ideally
   would have the same (200×150) for mobile. As there is no such switch in my code(
   changing thumbnail format on mobile), could you give me a hint where to “change
   it in the css” as you suggested?
 * Thanks a lot for your support!
    Philipp
 *  [PetraP](https://wordpress.org/support/users/petrap/)
 * (@petrap)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/default-thumbnails-on-mobile/#post-4712784)
 * Hey psteinweber,
 * I hope you don’t mind me answering on Mateja’s behalf.
 * To change the size of your (mobile) thumbnails, go to your plugin settings->Mobile
   Phones->Customize->Custom CSS and add the following lines (in bold) to you code:
 * .related_post_title {
    } ul.related_post { } ul.related_post li { } ul.related_post
   li a { } ul.related_post li img { **height:150px; width:200px; }
 * Don’t forget to save the changes and please let me know how it goes!
 * Take care & have a nice day,
 * Petra
 *  Thread Starter [psteinweber](https://wordpress.org/support/users/psteinweber/)
 * (@psteinweber)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/default-thumbnails-on-mobile/#post-4712785)
 * Hi Petra,
 * thanks for the reply. I tried what you suggested, however it does not have any
   effect on the behavior. It is still displaying the placeholder image on mobile,
   while it selects the correct thumbnail on desktops.
 * Again: also the placeholder thumbnail was already 200×150 px, probably because
   I’m utilizing the “Custom Size Thumbnails” option in the plugin settings. But
   somehow mobile doesn’t seem to find the thumbnails… still…
 * Any other ideas? Thanks a lot!
 * Philipp
 *  [PetraP](https://wordpress.org/support/users/petrap/)
 * (@petrap)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/default-thumbnails-on-mobile/#post-4712786)
 * Hey,
 * would you mind taking a screenshot of your settings? Also – please try adding_!
   important_ to height and width:
 * ul.related_post li img {
    width:200px **!important;** height:150px **!important;**
 * }
 * Don’t worry, we’ll get to the bottom of this one way or another 🙂
 * Best,
    Petra
 *  Thread Starter [psteinweber](https://wordpress.org/support/users/psteinweber/)
 * (@psteinweber)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/default-thumbnails-on-mobile/#post-4712787)
 * Hi Petra,
 * I added the “!important” but it doesn’t change anything.
    Here are my plugin 
   settings: [http://i.imgur.com/efzB6FV.png](http://i.imgur.com/efzB6FV.png)
 * Cheers,
    Philipp
 *  [PetraP](https://wordpress.org/support/users/petrap/)
 * (@petrap)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/default-thumbnails-on-mobile/#post-4712788)
 * Hey Philipp,
 * please add space between width:200px and !important (also height:150px and !important):
 * width:200px !important;
    height:150px !important;
 * Save, clear browsing date (cache) and restart your browser. Does it work now?
 * Best,
    Petra
 *  Thread Starter [psteinweber](https://wordpress.org/support/users/psteinweber/)
 * (@psteinweber)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/default-thumbnails-on-mobile/#post-4712790)
 * Nope, doesn’t work (I cleared the cache, I promise :).
 * I also doubt that this is the right approach, as, from my understanding, it would
   simply display the images in different widths and heights. The placeholder image
   is already displayed in 200×150. But it is the placeholder image and should be
   the non-placeholder thumbnail. So I would suspect the problem being somewhere
   in the PHP, where he’s pulling a different image for mobile rather than for desktop.
 * Also: it only happens on mobile **devices**, it does not happen when simply changing
   the browsers width to “kinda mobile” (making it very small). All other responsive
   features (CSS) do work this way, so that’s why I’m again guessing in the direction
   of PHP…
 * Cheers,
    Philipp
 * _[ No bumping please_
 *  [PetraP](https://wordpress.org/support/users/petrap/)
 * (@petrap)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/default-thumbnails-on-mobile/#post-4712797)
 * Hey Philipp,
 * I am sorry for not replying any sooner and don’t worry, I have you on my mind
   all the time 🙂 – I was just trying things out and to be completely honest, I
   am running out of ideas but as Mateja said – we plan to remove these mobile settings**
   by the end of the week** and leave only responsive desktop themes. This issue
   should be resolved then, so for the time being I ask you kindly to bear with 
   us and have patience. Really appreciate it!
 * In the meantime if there is anything else I can help you with, please let me 
   know!
 * Best,
    Petra
 *  Thread Starter [psteinweber](https://wordpress.org/support/users/psteinweber/)
 * (@psteinweber)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/default-thumbnails-on-mobile/#post-4712798)
 * Alright Petra, I will report back once the plugin will be updated. Sounds promising!
 *  [PetraP](https://wordpress.org/support/users/petrap/)
 * (@petrap)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/default-thumbnails-on-mobile/#post-4712804)
 * Hey Philipp,
 * just being curious – have you updated our plugin? Is the thumbnail issue fixed?
 * Take care and have a nice day,
 * Petra
 *  Thread Starter [psteinweber](https://wordpress.org/support/users/psteinweber/)
 * (@psteinweber)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/default-thumbnails-on-mobile/#post-4712805)
 * Yep, fixed!
    Great, thanks a lot for the thriving support. This plugin will definitely
   be my choice for future projects 🙂
 *  [PetraP](https://wordpress.org/support/users/petrap/)
 * (@petrap)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/default-thumbnails-on-mobile/#post-4712806)
 * This has definitely made my day! 🙂

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

The topic ‘Default thumbnails on 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/)

 * 13 replies
 * 3 participants
 * Last reply from: [PetraP](https://wordpress.org/support/users/petrap/)
 * Last activity: [12 years, 1 month ago](https://wordpress.org/support/topic/default-thumbnails-on-mobile/#post-4712806)
 * Status: resolved