Header Image Won't Display Properly

Hi, the site that I am working on is www.allegrostyle.com.au

The problem that I am having is that the header image repeats itself.

I changed the size of the text on the image, and pasted the text toward the bottom of the background image.

I then inserted the following code in the custom CSS box:

.header{
background-image:url('http://www.allegrostyle.com.au/images/header.png') ! important;
}

This appears to have fixed the problem as far as desktop display is concerned (in Chrome, FFox and IE), but the header repeats 3 times, and is off centre when viewed on a mobile device (Samsung S4).

Thanks in advance for your help.

Allan

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

 
 
.header{
background: #000 url(http://www.allegrostyle.com.au/images/header.png)  center center no-repeat!important;
} 

Thanks & Regards
Gourav Shrivastava

 

Thank you for the quick response, problem fixed!