[Romany]

Hi Sakin,

I added a picture to the header background. It looks fine on my computer. However, on the mobile it doesn’t.

My site: http://saintabraamservice.com/

Thanks
Romany

[Sakin]

Hi Romany,

This is bit complicated and it cannot be achieve 100% file with just css. You might need to add in JS file to fix it properly. For that you need to hire customizer http://catchthemes.com/hire-customizer/.

The best will be add different image for for mobile devices as

#hgroup-wrap {
  background: url(image-small.jpg);
}
@media screen and (min-width: 768px) {
  #hgroup-wrap {
    background: url(image-medium.jpg);
  }
}
@media (min-width: 960px) {
  #hgroup-wrap {
    background: url(image-large.jpg);
  }
} 

[Author]

Posts