Images on mobile platform

The slider is ok, but the images on the pages is not responsive when they opens on mobile platform. How do I solve this problem?
www1.msfmalungsalen.se

 

Hello!


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

Code:

@media only screen and (max-width: 767px) and (min-width: 480px)
{
.feature_content .feature img {
  width: 100%;
  margin-left: auto;
}
}

Thanks & Regards
Pramod

 

It don´t work. Looks exactly the same as before.

 

Hey robertssonmedia!

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

Code:

.main_content img {
width: 100% !important;
height: auto !important;
}

Thanks,
Praveen

 

Thanks Praveen, this solved the problem with images on the pages. But a new problem appeared. Something happened with the slider on the first page. These images are cut when looking in the phone?!

 

Hi,

Please replace the earlier code given to you with the code given below.

Code:

.main_content .fullwidth p img {
width: 100% !important;
height: auto !important;
}

Thanks,
Praveen

 

Perfekt!

Thanks,
robertssonmedia