2nd menu listing different childpages from 1st menu pages

[bolekz]

hi,
i am new to the suffision theme and would really like to use it for our wpmu website for a public arthouse.

my problem is, i would like to use the above header menu as a not changeable menu, meaning it should show the same menu all the time (no problem),
but the below header should show only show the child pages from the above menu, and different for each page that someone clicks of the above pages.

i could link to multiple sites, having a diffent menu per site, but would like to do it only on the mainside.
thanks in advance for ideas on that!

[drake]

Out of the box you can't have 2 related menu in that way, either if you use Suffusion System Menu, or the built-in Wordpress Custom Menus (and also I don't know any theme which provide such a menu system).

But, in Suffusion you can attain something it looks like you wish.
First, make your menu either at Appearance -> Menus, either at Suffusion Option -> Other Graphical Elements -> Navigation Bar Above Header - by including just the top (parents) pages in them.
After that go to Suffusion Options -> Other Graphical Elements -> Breadcrumb and Page Navigation and set for the first option "Show all siblings, and all siblings of parent (default)". Below you can set any other option for breadcrumb, important is to tick "Show excluded pages" at Excluded Pages in Breadcrumb
In that way you will have at the top of your pages a "subpages menu" that depend of the page that you choose in the real menu. With some custom CSS styling added at Suffusion Options -> Backend -> Custom Includes -> Custom Styles this "submenu" can be formatted to look like the real menu.

As a working example you can see http://www.dulcedulce.ro/bunatati where the horizontal submenu is in fact this breadcrumb.

Another way is to use in Widget Area Below Header a widget from a plugin like Sub Pages Widget. Even those plugins are olds, they still can do the job. Also, probably you will need to make some CSS adjustements to look like you wish.

[sayontan]

Here is another approach: you can get a Mega-menu plugin. Then, in the lower menu, use a widget area in the mega-menu and add widgets to it using something like Widget Context or Widget Logic, i.e. a conditional widget plugin. That should get you roughly what you need.

The bad news: I know of only one mega-menu plugin and that doesn't work with Suffusion.

The good news: Suffusion version 4.0.0 will have this feature built in.

[bolekz]

hey,
thanks for the answerss.
i went with my first option, meaning the network thing, so i basically did setup a new site for each main page and then doing new menu pages on the different sites, its a little work, but works well.
if anyone wants to see the result, here is a link.
http://www.la54.org

maybe it could be an option for future site development as i find it very usefull.

and to the developers, thanks for providing such a nice theme.

[LornaHen]

viewtopic.php?f=4&t=7337&p=30366&hilit=different+sub+menus+different+pages#p30366 refers.
Many thanks, I have indeed converted the breadcrumbs into sub menus as instructed.
Worked a treat.
Love this theme, and WordPress, I've gone from nothing to a working webpage in a couple of days flat.
This post may need to be shifted to a css or child-theme forum however, as I'm failing on the css style changes I should like to make as a result.
The font colour is rather pale, and I should like it to be the same as the header menu, and the background colour of the 3rd level menu to be white as per the higher two "menus".
I've tried following the instructions to create a child theme that would change the above, but it doesn't appear to have changed at all.
http://KapitiGen.lornahen.com refers.
Pick Programme > Special interest groups to get 3 levels of menus
Am using Suffusion 4.2.2
Backend options.
I've tried setting
Child-themes to inherit, without an @import statement in my child style.css
and to
don't inherit, with an @import statement.
Neither seemed to change anything.
From other experiments the css elements concerned appear to be subnav and heir.nav, this being my style.css
/*
Theme Name: suffusion-child
Theme URI: http://kapitigen.org/
Description: Child theme for Suffusion
Author: LornaHen
Template: suffusion
Version: 0.1.0
*/

#subnav li a, #subnav li a:visited, #subnav .page_item {
color: #000000;
}

/* Level 3 keep same white background as higher level menus, change text to black*/
.hier-nav {
background: #FFFFFF;
}
/* darken the text as per top menu */
.hier-nav li a, .hier-nav li a:visited, .hier-nav .page_item {
color: #000000;
}

This being my first attempt to create a child theme, the $64,000 question is - what have I missed?
Somewhere along the way I see that I've also lost the red highlight on the top menu to show which is the current page!

[drake]

First of all try to add your styles at Suffusion Options- > Backend -> Custom Includes -> Custom Styles. This section is loaded last, so the styles from here will overwrite any other styles which refer to the same elements. Just copy the code below and paste it in the first textarea from Custom Includes. (is your code with just a little modification - I addressed the ID of navigation bar for changing the background)

Code: Select all

#subnav li a, #subnav li a:visited, #subnav .page_item {
color: #000000;
}

#l3nav {
background: #FFFFFF;
}

/* darken the text as per top menu */
.hier-nav li a, .hier-nav li a:visited, .hier-nav .page_item {
color: #000000;
}

I can't help more because your site aren't loading, not in a themed manner, I can see only a text version of your page.

[LornaHen]

many thanks for the prompt reply drake.
That worked in that the text for both menu levels darkened and the level 3 "sub menu" background became white.
the red background for the active link/page is still missing in action however.

Is code in this custom styles area protected when suffusion is upgraded?

[drake]

Yes, the code added here is part of Suffusion Options, which are saved in the database and are protected at upgrades.

For the active link... You need to define styles for "current-menu-items", "current-page-parent", "current-page-ancestor" etc. Without accessing your site with Inspect Element, I can't help too much.

[LornaHen]

many thanks, again, drake.
I'll work on that.
The few people I've pointed at the site haven't reported only seeing text, not theme, so I hope that isn't a widespread issue.
Perhaps they're just being polite and wondering what on earth I'm doing !!

The domain hasn't yet been sorted, but when it is I'll be shifting it into production instead of this temporary subdomain on my local server.