Archived

This topic is now archived and is closed to further replies.

  • 0

Menu bar that cover the header image


Question

Posted · Report post

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

Share this post


Link to post
Share on other sites

1 answer to this question

Posted · Report post

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.

Share this post


Link to post
Share on other sites