Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » Forum Usage » Forum How-To »

[SOLVED] Second Tier Menu


  #1  
Old Dec 11, 2012, 01:37 PM
gpeery
 
17 posts · Feb 2009
test
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,
  #2  
Old Dec 11, 2012, 04:51 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Dec 11, 2012, 07:39 PM
gpeery
 
17 posts · Feb 2009
test
Thank you.

All times are GMT -6. The time now is 01:02 AM.


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