Creating floating nav bar for eleven40 theme

[afinevo]

Hello everyone. I am currently using the eleven40 non pro theme with the main navigation bar that goes up off the screen when scrolling down. Is there a way to make it a floating nav bar that stays at the top for viewers to see like the eleven40 Pro theme?

Thanks in advance!

http://allgaragefloors.com

[Sridhar Katakam]

Add this CSS:

#wrap {
    background: none;
}

#header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    background: url(images/bg.png) repeat-x;
}

#inner {
    margin-top: 90px;
}

---

Genesis Tutorials | Follow me on Twitter

[afinevo]

Thanks Sridhar, but I can't just add this without removing part of the CSS that controls how the main nav bar works now can I?

[Sridhar Katakam]

You can. Just add the above code at the end in style.css.

---

Genesis Tutorials | Follow me on Twitter

[afinevo]

Thanks for the fast response Sridhar. That does seem to be working, but there are a couple of issues. The first is that the admin bar now interferes with the menu by blocking half the nav bar. The second issue is that the font at the very top is slightly cut off. Suggestions?

Thanks again!

[afinevo]

I have now encountered a third issue that caused me to delete this particular CSS for now. The main nav bar does not work correctly in a responsive format. The main nav bar drops down a bit and blocks out a top portion of the page. It's not a very professional look and can be confusing.

Anyone have suggestions?

[afinevo]

I'm just bumping this back up. Can anyone help on this?

Thanks!

[Author]

Posts