Masthead Image does not scale to mobile

Hi,

How do I set the masthead image to scale correctly to a mobile phone? it zooms in on the center of the image currently.

Hi,

Could you please to post the URL of your site?

Regards,
Awan

Im having the exact same problem. Images in header slider will not scale correctly to mobile devices. Web page http://nicholsquarterhorses.com/esite

Hi @tamegould,

You can use the CSS code below to manage the header image:


@media only screen and (max-width: 600px){
  .header-slider {
    height: 300px !important;
  }
}

@media only screen and (max-width: 768px){
  .header-slider {
    height: 600px !important;
  }
}

@media only screen and (max-width: 1024px){
  .header-slider {
    height: 1024px !important;
  }
}

Regards,
Awan

Awan
I tried this in the additional CSS are and in the main style sheet it didnt change anything. The header images in the slider still are not resizing.
Tamet