Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Forum How-To (http://forum.bytesforall.com/forumdisplay.php?f=9)
-   -   [SOLVED] Second Tier Menu (http://forum.bytesforall.com/showthread.php?t=19097)

gpeery Dec 11, 2012 12:37 PM

[SOLVED] Second Tier Menu
 
I have come to appreciate the amazing versatility of the Atahualpa theme. I am hoping someone can advise me how to implement a 2 -tiered navigation structure. An example of this can be found at http://www.portsmouthhistory.org (note that the second tier does not display until you click one of the pages that is not the home page).

I am guessing that there may be a plugin for this, and if so, is it recommended (or if there are several, which are recommended). That said, I have googled around a bit and not seen anything that was quite like what I am looking for.

Or - is there a solution using jQuery or some other tools (which I am not familiar with, it could at least find someone to code up for me). A major goal is to implement it in such a way that updates to the theme don't require re-programming.

Thanks,

juggledad Dec 11, 2012 03:51 PM

you could do that via widgets and the widget logic plugin or CSS
1) create a custom menu for each set of sub pages
2) add a new widget area to the 'Configure Header Area' option
3) add a 'custom menu' widget for each sub page and select the appropriate menu
4) add CSS to set each div for each menu to 'display: none;" ie
HTML Code:

div#nav_menu-2 {display:none;}
div#nav_menu-3 {display:none;}

5) add more css to display the area when on the correct page for example
HTML Code:

body.page-id-45 div#nav_menu-2 {display:block;}
You will have to style the menus to display across instead of down, but I will leavethat as an exercise for you to figure out.

gpeery Dec 11, 2012 06:39 PM

Thank you.


All times are GMT -6. The time now is 12:58 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.