AI Assistant
Notifications
Clear all

horizontally stretched images on cellphone preview

5 Posts
3 Users
1 Reactions
2,119 Views
Posts: 1
Customer
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@stahuliakgmail-com)
Member
Joined: 8 years ago
[#2284]

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: 6645
Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@astgh)
Illustrious Member
Joined: 8 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
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@vinchit)
Member
Joined: 8 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: 6645
Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@astgh)
Illustrious Member
Joined: 8 years ago

Hi @vinchit,

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


Reply
Posts: 2
Customer
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@vinchit)
Member
Joined: 8 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