Jetpack by WordPress.com
Photon does not scale photos correctly on mobile (5 posts)

  1. UltraMarathonEER
    Posted 2 years ago #

    Original thread linked here where I talk about this issue.

    @designsimply's comments are here:

    @UltraMarathonEER, I don't have an Android phone, but I found a way to test Android using an emulator on browserstack.com and http://freedomrunusa.com and I could see the stretched images there: http://cl.ly/RS2q

    Can you try adding a CSS snippet like this to see if it helps?

    @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
    	#slider_wrapper {
    		height: 120px;

    I got the media query part from here: http://cssmediaqueries.com/target/Samsung+Galaxy+S3.html

    Note that you might have to adjust ".flexslider .slides img" too, but try what I have above first to see if it works.

    I replied with:

    Thanks @designsimply. Unfortunately, that exact code is already in the css for the mobile version, although there is no mention of the .flexslider .slides img.

    I'll dig some more to try to get it fixed, but the theme author already uses your suggested code for the responsive mobile theme. Appreciate the help...I'll keep you posted.

    Another user responded directly after my post with the same issue, as did others in the thread that I jumped into.

    Starting a new thread here to see if we can get this resolved, as I've exhausted all my efforts to mess with the css as suggested.

    With the upgrade to 3.7 of wordpress, this issue still exists. If I disable the photon plugin, delete cache, the problem goes away.

    Thanks in advance!


  2. designsimply
    Plugin Contributor

    Posted 2 years ago #

    I think Photon is doing what is expected given the space allotted by the theme (or slider) for the images.

    I can try helping you to look at the CSS you added. Can you link to the file you modified to add the CSS example that worked for me in my testing?

  3. UltraMarathonEER
    Posted 2 years ago #

    Sure...do you have another way for me to contact you instead of giving up paths in my website source?

  4. designsimply
    Plugin Contributor

    Posted 2 years ago #

    All CSS is findable if you view the page source in a browser :) if you can tell me the file name, I can probably find it so I can check if the CSS example really did get saved. I ask because I did try checking using the web inspector, and I couldn't find the CSS implemented and it could be that I missed it for some reason.

  5. UltraMarathonEER
    Posted 2 years ago #

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Jetpack by WordPress.com
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic