[bburro]

screenshot

oops

[bburro]

screenshot

As you can see, the nav needs to be scooted up a bit... Does that help?

Thanks again!

[bburro]

Gotcha!!

My final issue is how to position the nav right at the bottom of the header. The top attribute isn't working cross-browser, and I am using firebug to try to find the rule that defines the space between the bottom of header and top of nav. I can't find it.

The content scrolls behind the nav and into the mystery space and then disappears behind the header.

Ugh!! Thanks again.

[bburro]

Okay-- I almost got it... not sure if this is the best way- please let me know!

.nav-primary {
background-color: black;
left: 0;
margin-bottom: 60px;
position: fixed;
text-align: center;
top: 70px;
width: 100%;
z-index: 999;
}

The only problem is that the menu is the full width of the screen, rather than sitting inside of .site-inner... Why is that?

edit//

My solution isn't working right in all browsers. It looks like the top attribute renders differently in Firefox and Chrome.

Thanks!

[bburro]

Thank you so much for your help-- the social icons are working great in the header (from other post).

I misspoke on this one-- I am using the primary nav and trying to make it sticky. I tried modifying .nav-primary and it works but renders incorrectly. What am I missing?

Thanks again!

[Author]

Posts