Jump to content


Photo
- - - - -

Menu bar that cover the header image

header

This topic has been archived. This means that you cannot reply to this topic.
1 reply to this topic

#1 JohnB

JohnB

    Member

  • Members
  • 12 posts

Posted 02 October 2012 - 08:54 PM

Hi All,

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

Please Login or Register to see this Hidden Content



body{}

body.fixed_width .section-branding .content-pad {
padding: 0px;
height: 120px;}
#header {
background: url(

Please Login or Register to see this Hidden Content

) Center top no-repeat;
}


What should I change?

Cheers

John

#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts

Posted 03 October 2012 - 01:25 AM

Hello John,

If you look here:

Please Login or Register to see this Hidden Content



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.