Fix position of top primary nav in Parallax PRo

[philson]

I'm trying to fix the position of the top nave in the full page template of parallax pro. I'm not sure why I can't lock in place (position: Fixed) without breaking all of the styling CSS. Can some one help a brother out.

http://www.tomcocompany.com/blog/

[marybaum]

Good news! It's simpler than you think.

(And having been involved in kitchen remodeling, mostly peripherally, from ages 8 to 52, I'm more of a sister to you than a lot of people. Might have carried on with it, if it hadn't meant using 20/20 regularly. What an exorbitantly price pile of ... ! )

1. Go to Appearance - Menus in the admin and change the menu position so your menu doesn't live in primary nav - or anywhere else.
2. Now go to Widgets and stick a custom menu into the Header Right widget area. I generally throw the search widget in there too, a la http://tallyone.com, a redesign I did for a fighter pilot referred by an airline pilot.
3. Your site-header class already has {position: fixed;} declared, so once you get the menu and search up in there, everything should work fine.
4. I'm thinking you'll want to change up your menu CSS to give you a white background and dark links, since they'll be up inside your site header, next to your logo. If not, I suppose you can use a linear gradient to ease the transition from light background to dark.

Hope that helps!

Mary

---

Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀

[Author]

Posts