Image stretched on mobile

Viewing 2 replies - 1 through 2 (of 2 total)
  • Mohsin Ghouri

    (@mohsinbsf)

    10 months, 3 weeks ago

    Hi @rojac,

    Sorry for the inconvenience caused to you.

    There are 2 ways you can fix this issue on your sites:

    1. Disable Lazy Loading:

      This is a fairly easy fix – just click on the Spectra image block and disable lazy loading, save and check the front-end.
    2. Set a defined height.
      1. If you want lazy loading on your image, then set a defined height to the Spectra image block.
      2. If you want to get the exact height of your image in the editor, you can inspect the image in Chrome Developer Tools.
      3. Inspect the image, go to Computed, and see the height of the blue box that has the width set by you in the editor. The format is width x height, so the second number will be the desired height.
      4. Set the Spectra image height explicitly based on this image value you’ve just seen, and save the page.

    Please try and let me know how it goes.

    Have a nice day!

    Thread Starter rojac

    (@rojac)

    10 months, 2 weeks ago

    Thank you for your kind reply, Mohsin.

    The most recent update seems to have corrected this issue, but if it arises again I will remember your tips.

    Thanks again!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Image stretched on mobile’ is closed to new replies.