Home Page Bottom Right Area Content: Distorted image on mobile phone

Greetings!

On a Foogo site I'm creating, the formatting of the theme is beautiful and perfect on desktop, in landscape mode on a smartphone, in portrait mode on an iPad, in portrait mode with an Amazon Kindle Fire.

However, with the "Home Page Bottom Right Area Content," there are issues in:

• portrait mode on an iPhone: the image displays distorted. Aspect ratio is off. Image is "squeezed."
• landscape mode on an iPad: the image displays distorted. Aspect ratio is off. Image is "squeezed."
• landscape mode on an Amazon Kindle Fire: the image displays distorted. Aspect ratio is off. Image is "squeezed."

(See image attached: screen capture on iPhone 6.)

I hope there will be a simple styling options fix that you can suggest.

Thanks for your advice and help. I appreciate it.

Glory

This relates to the MERGE site I'm working on. If you need admin access, you'll find it in an earlier email sent to InkThemes support. MERGE is in the Subject Line.

 

Hello Glory..

Greetings from InkThemes!

Please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media (min-width: 992px){
#section_blog .single-clicks img {
    width: 100%;
    height: auto;
}
}
@media only screen and (max-width: 992px){
#section_blog .single-clicks img {
    width: 100%;
    height: auto;
}
}

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

Perfect! Thank you.