Images not responsive to change in mobile orientation to landscape

  • Resolved Edward

    (@edwardhathway)


    6 years, 9 months ago

    I’m a WordPress beginner and have encountered a problem with image alignment in Twenty Sixteen on mobile. If I load a page in portrait orientation the text and images (set to large size and centre aligned) display correctly, filling the screen (I have no side bar), but if I then re-orient my mobile to landscape there is a problem. The text (including captions) spreads correctly across the full display area, but the images remain the size they were displayed in portrait orientation, (and are left aligned), which looks amateurish. This does not happen if I load the page in landscape orientation, or if I refresh the browser when in landscape: both text and images display across the full display area. If I then move to portrait everything reduces correctly, but when I move to landscape again I reexperience the problem. (In the link I provided, the three content images are affected; the top one is the featured image).
    Others have reported similar experiences in the past (prior to 2016) and some have suggested various coding solutions, but I’m a beginner and don’t want to mess around with coding at this early stage, and also I doubt that a responsive theme like Twenty Sixteen would have failed to address this issue, so I wonder whether there is something I have done/not done when loading images. I have not changed the theme in any way, and I have loaded just two image related plugins: the smush one and EML.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Edward

    (@edwardhathway)

    A quick update. On the following page the featured image is also affected by this same scenario, only it remains centred rather than left aligned.

    https://hikingscenery.com/the-regions/australia/victoria/

    The featured image in my first link (Tasmania) was not affected, only the content images.

    Thread Starter Edward

    (@edwardhathway)

    One more piece of information: it appears that all the images on my site are affected (not headers) except for two posted as featured images, but then these two are also affected when I post them into a page as content. The inconsistency makes it difficult for me to understand what is causing this problem. Any ideas would be appreciated. I’ve noticed the wordpress.com Twenty Sixteen demo works fine, so the theme should work.
    Cheers,
    Edward

    Thread Starter Edward

    (@edwardhathway)

    I worked this out. When I deselected “Serve images from our servers” on the Jetpack plugin this resolved the issue.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Images not responsive to change in mobile orientation to landscape’ is closed to new replies.