1. DavidM
  2. Commercial Templates
  3. Tuesday, 16 April 2019
  4.  Subscribe via email
Hi !

On the website http://www.acupuncturesorel-tracy.com/

I am using a background who is suppose to fill all the screen. When I did setup the website few months ago, it was working well.

I was using this code in CSS:


#body_bg {
background-size: auto !important;
}


Now, this code works only with mobile, the background is too small when we got to a computer screen.

I can use this code:


#body_bg {
background-size: 100% !important;
}


But in this case, it will looks great in full screen mode but looks pretty bad on mobile device.

Any idea how I can fix that problem ?

Many thx ! :D
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend you can add the following to the Custom CSS field of your template settings..

#body_bg {
background-size: auto !important;
}
@media only screen and (max-width: 1024px) {
#body_bg {
background-size: 100% !important;
}
}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!