Centric Pro create top navigation

[ronnieb]

I would like to have a top navigation in Centric Pro. Is there HTML code i can include to have a standard top navigation like most of the sites on the net?

Thanks!

Ron

http://www.bv-oprichten.com/

[emasai]

Read the instructions for the theme set up - it explains how to set up the navigation
http://my.studiopress.com/setup/centric-pro-theme/

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[ronnieb]

Hi Emasai,

I saw the instructions and I am usig the widget for the navigation. The main navigation just looks weird on the homepage so I do not want to use that. I want a top navigation. It looks like that is not available in this theme.

[emasai]

You can change the position of the main navigation (not the widget) to above the header by putting the following in your functions file:

//* Reposition the primary navigation menu
remove_action( 'genesis_after_header', 'genesis_do_nav' );
add_action( 'genesis_before_header', 'genesis_do_nav' );

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[Tom]

Lynne, using the primary nav and repositioning it would be the most apparent and direct solution, but it doesn't really work on Centric due to the javascript action on the header.

When the page is scrolled, the javascript invokes a class of .shrink, reducing the height of both the text logo and the header, including the menu in the Header Right widget area. It's kind of a signature of Centric's design.

And so, for @ronnieb it draws up a larger question: if you use the primary nav instead of the menu in Header Right, what do you want the primary nav to do when the page is scrolled?

If you use the primary nav, instead of the default Header Right menu position, it disappears when you scroll leaving only the site name and a blank 100% width banner (so, not a sticky menu, but a sticky header/title only). If you reposition the primary nav to be above the header, it still disappears upon scrolling, but now leaves a blank space above the sticky header which must be addressed with CSS and/or javascript.

I think it comes down to this: If you want the menu to disappear, do it with CSS - some sort of 'display none' on .shrink, If you want the menu to stay/stick it's already designed into the theme. if you want the whole header to disappear, you have a different design question than what to do with the menu.

(Pesonally, I like what @ronnieb has done with the theme for his project - I'd leave well enough alone - but that's just one opinion.)

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[emasai]

Thanks for that Tom, I have not yet used Centric Pro, so I didn't realize changing the nav would have that impact.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[Author]

Posts