Notifications
Clear all

horizontally stretched images on cellphone preview

5 Posts
3 Users
1 Reactions
1,673 Views
Posts: 1
Customer
Topic starter
(@stahuliakgmail-com)
Member
Joined: 7 years ago

Hello, when comment with attached images opened on an iPhone, the images are stretched horizontally. Same images in same comment look just fine on a computer.

I opened your Media Uploader demo page and the images are stretched too.

 Please see the attached screenshot. 

IMG 8888
4 Replies
Astghik
Posts: 6197
Admin
(@astgh)
Illustrious Member
Joined: 7 years ago

Hi @stahuliakgmail-com,

Thank you for letting us know. 

Please use the following CSS code, navigate to Dashboard > Comments > Settings > Styling admin page put it in "Custom CSS Code" textarea. 

  @media screen and (max-width: 655px) #wpcomm .wmu-attached-images .wmu-attached-image {
     width: auto !important;
  }
 

 This will be fixed in the next version release. 

Reply
Posts: 2
Customer
(@vinchit)
Member
Joined: 7 years ago

Hi,

I tried the CSS fix above, but still get the same problem on my Android phone. See attached shot

 

Screenshot 2018 05 11 11 29 43
Reply
Astghik
Posts: 6197
Admin
(@astgh)
Illustrious Member
Joined: 7 years ago

Hi @vinchit,

Could you please leave an example URL to allow us to check it? 

Reply
Posts: 2
Customer
(@vinchit)
Member
Joined: 7 years ago

Hi, thanks for quick reply. I have now got it working ok. With your CSS above, the problem is still there, but when I enter

@media screen and (max-width: 655px)
{#wpcomm .wmu-attached-images .wmu-attached-image {
width: auto!important;
}}

then it works OK. Notice that I had to add extra brackets (in orange above) before #wpcomm and at the end. The code above works OK and the images display correctly now. Hope this helps

Vince

Reply
Share:
Scroll to top