WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. UltraMarathonEER
    Member
    Posted 9 months 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) {
    	.flexslider,
    	#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!

    http://wordpress.org/plugins/jetpack/

  2. designsimply
    Member
    Plugin Contributor

    Posted 9 months 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
    Member
    Posted 9 months ago #

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

  4. designsimply
    Member
    Plugin Contributor

    Posted 9 months 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
    Member
    Posted 9 months ago #

Reply

You must log in to post.

About this Plugin

About this Topic