This topic has 2 voices, contains 3 replies, and was last updated by  TB Support 3153 days ago.

Image mobile responsiveness?

Tagged: 

ThemeBurn Support › Forums › OpenCart Themes › Pavilion OpenCart Theme › Image mobile responsiveness?

This topic has been marked as resolved.

Hi, is there a way to make images more properly mobile responsive?

I find that whenever I have an image greater than 300px in width that I use in Stories, it gets distorted – horizontally smushed – in mobile view. So for example if I have an image that’s 400 px wide, in mobile view it should be resized proportionately to be full screen without distortion. Instead it’s full screen horizontally, but it doesn’t seem as though the vertical dimension was sufficiently resized, so that the whole image looks “narrow”. Can this be fixed?

Many thanks!

Megan
 meganbrosterman
August 31, 2015 at 6:42 am #42941

Hi Megan,

You could use this quick fix:

@media (max-width: 768px) {
  img {
    height: auto !important;
  }
}

BR,
ThemeBurn team
 TB Support
August 31, 2015 at 10:29 am #42943

Hi, sorry for not responding sooner – this worked like a charm. Thanks!
 meganbrosterman
September 8, 2015 at 7:31 am #43076

Glad we’ve helped.

BR,
ThemeBurn team
 TB Support
September 8, 2015 at 4:50 pm #43080
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.