Wrong image scaling on mobile device and small browser window

Hello,

i have a problem with the responsive/mobile view of my blog.

At some point of page-width the image scales and loses its aspect ratio. This occurs always when opening with a mobile device and in browser when i make the browser window small.

Normally it looks like this and everything is fine:


But like i said at the top, at some point it scales down to this:


I tried the suggestion from this thread but the problem stays the same.

 

Hello Crizzzi!

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

Code:

.content-bar .post.single .post_content.single img {
  height: auto;
}
@media only screen and (max-width: 960px) and (min-width: 767px){
.content-bar .post.single .post_content.single img {
  width: 200px;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
.content-bar .post.single .post_content.single img {
  width: 200px;
}
}

Thanks,
Praveen

 

Thank you very much praveen