Menu bar that cover the header image

[JohnB 0]

Hi All,

This site has a menu that covers the header image. This is the css.

http://johnnbroome.co.uk/

body{}

body.fixed_width .section-branding .content-pad {

padding: 0px;

height: 120px;}

#header {

background: url(http://johnnbroome.co.uk/wp-content/uploads/2012/09/JohnBroome1.png) Center top no-repeat;

}

What should I change?

Cheers

John

[Rob 547]

Hello John,

If you look here: http://www.w3schools.com/css/css_background.asp

You'll see there's a slight difference in your CSS syntax. You're using background, they're using background-image.

If you scroll down, you'll also see that they separate things like the position, repeat, etc from the actual background image call. While you can shorten it, which they point out, CSS LESS will do that for you, so you can add the full code to make sure it's absolutely correct.