Images not responsive

  • Resolved Rosanne van Staalduinen

    (@rosanne-van-staalduinen)


    4 years ago

    The featured image works fine, but the second image (a normal image in het classic editor) is way too big. I tried to change it with CSS, but it doesn’t work. Do you have any suggestions how to solve this?

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Milind More

    (@milindmore22)

    Upon checking your non-AMP page, we found that the image (figure tag) has inline width applied, which was inherited in AMP page.

    <figure id="attachment_6667" aria-describedby="caption-attachment-6667" style="width: 1024px" class="wp-caption aligncenter">

    style=”width: 1024px” removing it should fix your issue.

    Thread Starter Rosanne van Staalduinen

    (@rosanne-van-staalduinen)

    Hi Milind,

    The caption/figure id width is the same as the image width. If I remove it in the HTML, the caption is removed and doesn’t show at mobile. If I change the image width, the caption/figure id with also changed.

    If I disable AMP the image + caption does show responsive. Not sure how to solve this. The only options seems to disable AMP or show the images without captions.

    Or do you have another suggestion?

    Plugin Support Milind More

    (@milindmore22)

    Hello Rosanne,

    can you please try width:100%, I hope this helps

    Thread Starter Rosanne van Staalduinen

    (@rosanne-van-staalduinen)

    I already did but unfortunately the width changes back to 1024 as soon as I refresh the page. Strange, right? If I doesn’t save it again, the width will work but the caption isn’t shown.

    Plugin Support Milind More

    (@milindmore22)

    perhaps there is another plugin/theme modifying image attributes or adding inline CSS dynamically?

    Plugin Support Milind More

    (@milindmore22)

    As we didn’t receive a response I will mark this as resolved. Feel free to open a new support topic if you continue to encounter issues.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Images not responsive’ is closed to new replies.