Wordpress images are distorted in mobile

5 Posts

chrismendla posted this 19 August 2020

I have a number of images in my posts. For example

https://www.bucksviews.com/2018/01/waterwheel-tavern-doylestown/

The image of the building is fine in the desktop mode but is distorted in mobile.

I have just updated to WordPress 5.5 and am using Gutenberg. I am also using Shortpixel.

The settings for that particular image are attached.

I verified this on the first two sites I've done.

I THINK that the problem might be that the image settings in the nicepage editor do not allow for an auto height or width as shown in the attachment

I'd appreciate any thoughts on this.

Thanks

Chris

I have a number of images in my posts. For example [https://www.bucksviews.com/2018/01/waterwheel-tavern-doylestown/][1] The image of the building is fine in the desktop mode but is distorted in mobile. I have just updated to WordPress 5.5 and am using Gutenberg. I am also using Shortpixel. The settings for that particular image are attached. I verified this on the first two sites I've done. I THINK that the problem might be that the image settings in the nicepage editor do not allow for an auto height or width as shown in the attachment I'd appreciate any thoughts on this. Thanks Chris [1]: https://www.bucksviews.com/2018/01/waterwheel-tavern-doylestown/

wordpress

TEMP---nicepage-distortion.jpg

TEMP---nicepage-distortion-settings.jpg

TEMP---nicepage-distortion-settings--2.jpg

Vote to pay developers attention to this features or issue.

4 Replies

Order By: Standard | Newest

5 Posts

chrismendla posted this 19 August 2020

BTW - I don't have the Nicepage plugin installed. I'm going to try that and see if it helps. I don't think it will

Support Team posted this 19 August 2020

Hi,

Initially, the issue is related to the fact that images have a height HTML attributes but no height CSS style to override it. As a result, the images have a fixed height and fluid width.

I suggest that you try adding the following code to the Nicepage Desktop Site Settings >> CSS:

.wp-block-image img
{
height: auto;
}

This should help.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, Initially, the issue is related to the fact that images have a height HTML attributes but no height CSS style to override it. As a result, the images have a fixed height and fluid width. I suggest that you try adding the following code to the Nicepage Desktop Site Settings >> CSS: .wp-block-image img { height: auto; } This should help. ................................................... Sincerely, Olivia Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp

5 Posts

chrismendla posted this 19 August 2020

Thank you. I had to add it to the theme customization in Wordpress, Adding it to the nicepage desktop settings didn't seem to work.

See the attached image.

I need to test this out a bit but I think I have it working for now.

Thank you for your prompt reply to my initial question.

Chris

Thank you. I had to add it to the theme customization in Wordpress, Adding it to the nicepage desktop settings didn't seem to work. See the attached image. I need to test this out a bit but I think I have it working for now. Thank you for your prompt reply to my initial question. Chris

TEMP---nicepage-additional-css.jpg

Support Team posted this 26 August 2020

Hi,

Our developers will change this behavior for images in one of the next Nicepage updates.

...................................................
Sincerely,
Susanna I.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, Our developers will change this behavior for images in one of the next Nicepage updates. ................................................... Sincerely, Susanna I. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp

You must log in or register to leave comments

Wordpress images are distorted in mobile

Company

Product

Themes & Templates

Nicepage

Web Design