Interesting navigation using Fold-Page – Apple.com style

For those who are interested – I’ve found a pretty interesting way to use the Fold-Page plugin to recreate the navigation style that is in use by Apple.com and other websites.

It creates a Parent Bar and a Child Bar, the first above the second – When you select a parent, it displays the children underneath. When you click on a child page, it holds the “current-page-item” style for both the child and the parent.

You can see an example here: https://www.gocambusiness.com

The call I used at the bottom of the header file is this:

<ul class=”menu”>

<?php wswwpx_fold_page_list (“&sort_column=menu_order&title_li=&depth=1”); ?>

<ul class=”submenu”>

<?php
global $wp_query;

if( empty($wp_query->post->post_parent) ) {
$parent = $wp_query->post->ID;
} else {
$parent = $wp_query->post->post_parent;
}

wswwpx_fold_page_list (“&depth=1&title_li=&child_of=$parent”);
?>

If you’re interested, I can send you the CSS style markup as well.

Just an idea!