The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Placement of background image Reply To: [Solved] Placement of background image


You could try the ‘mobile first’ approach. Makes mobile styles the default, like this:

body.myatu_bgm_body {
 background-image: url('') !important;background-position: center center !important;background-repeat: no-repeat !important;background-attachment: fixed !important;background-color: #fff !important;
 background-color: #FFFFFF !important;
 background-position: 50% center !important;
 background-repeat: no-repeat !important;
 background-size: contain;

@media (min-width:850px) {

body.myatu_bgm_body {
background-position: 81% center !important;
background-size: auto 85%;


One of the advantages of doing it like this, is that desktop browsers tend to be more up to date, and therefor more likely to support media-queries.