No replies
dcypha digital
dcypha digital's picture
Offline
newbie
Last seen: 6 years 47 weeks ago
Timezone: GMT+1
Joined: 2013-09-07
Posts: 1
Points: 2

I am currently developing a WordPress site and am having an issue with the main background image under the header positioning itself off to the left of the screen instead of centre on the mobile browser I am testing on (Samsung Galaxy S4 / Android / Chrome).

The image is assigned to a div with the following CSS rules:

.homePageMainBanner {
height:400px;
background-image: url(<a href="http://www.dcyphadigitalmedia.co.uk/…n-banner.jpg" rel="nofollow">http://www.dcyphadigitalmedia.co.uk/…n-banner.jpg</a>);
background-repeat: no-repeat;
background-position: center top;
margin:0px auto;
 
}

The banner sits as it should on desktop browsers it’s just the mobile one that seems to be playing up.

Website here:

http://www.dcyphadigitalmedia.co.uk/privatehomefinder/

Any help would be much appreciated !