Support » Plugin: Adaptive Images for WordPress » Text squeezed down side of images

  • paulychilds

    (@paulychilds)


    hi – I’m having a problem with my site on only certain models of handset, including the iPhone 6s and Google Pixel. These tend to be the larger phone handsets.

    The image loads in but does not fill the screen and the text then tries to squeeze down the side, making it unreadable.

    Any thoughts what’s going on? Works fine on my Huawei P20 Pro, but not on my iPhone 6.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • paulychilds

    (@paulychilds)

    Here’s the debug file:

    array(14) {
    [“resolutions”]=>
    array(4) {
    [0]=>
    int(2048)
    [1]=>
    int(1024)
    [2]=>
    int(300)
    [3]=>
    int(150)
    }
    [“hidpi”]=>
    bool(true)
    [“cdn-support”]=>
    bool(true)
    [“cache-directory”]=>
    string(21) “cache/adaptive-images”
    [“watched-directories”]=>
    array(2) {
    [0]=>
    string(18) “wp-content/uploads”
    [1]=>
    string(17) “wp-content/themes”
    }
    [“jpeg-quality”]=>
    int(100)
    [“sharpen-images”]=>
    bool(true)
    [“watch-cache”]=>
    bool(true)
    [“browser-cache”]=>
    float(180)
    [“landscape”]=>
    bool(false)
    [“version”]=>
    string(6) “0.6.67”
    [“sanitized”]=>
    bool(true)
    [“wp-content-dir”]=>
    string(68) “/homepages/39/d684180684/htdocs/clickandbuilds/PaulChilds/wp-content”
    [“wp-content-url”]=>
    string(34) “http://paulchilds.co.uk/wp-content”
    }

    Plugin Author Takis Bouyouris

    (@nevma)

    Hello, my friend,

    Thank you for reaching out!

    As far as I can see by checking your website the images seem to be loading as expected. And the debug output is fine, too. Could you possibly direct me to where exactly the problem is or perhaps send a screenshot of the problem?

    Other than that the loading of the (Adaptive) images should not have anything to do with the exact version of the phone you are using. Only the dimensions should matter!

    Cheers,
    Takis

    paulychilds

    (@paulychilds)

    Hi Takis,

    Thanks for getting back so quickly. The phone I have access to is an iPhone 6s+ which I believe has the resolution of 1920×1080.

    Here is a screenshot:

    I’ve put 1080 in the resolution box in the settings but that doesn’t seem to do anything.

    Plugin Author Takis Bouyouris

    (@nevma)

    Aah, now I see what is going on!

    The thing is that the theme has set an image of 300px width at that point, but the total device width is larger than that and allows for other elements to appear next to the image to cover the available horizontal space.

    This is something that the Adaptive Images plugin cannot tackle unfortunately. It is the theme’s job to take care of the layout!

    However, you could possibly inject some CSS bits that will make the image span full width in such devices. You could do it via a child theme or the WordPress customizer, I guess. Is this something you can take care yourself? Otherwise you would need to ask some developer to help you.

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.