My site (personal creative portfolio) needs 3-level navigation. Due to the hierarchy and content types, it’s like:
UMBRELLA CATEGORIES (top level)
PROJECTS within those categories Elements within each project
↳ creative overview
↳ photos, captions
↳ videos
Multithemes Flexer and Sindex have promising side tree navigation that looks nice. But — when you drop down and select a page, the whole menu collapses. The “top level item” item is bolded, but you don’t see any of the sub items, even when you’re on one of them.
I need similar (tree-style?) to those, but persistent — so the drop-down would stay open, your current page would be active/bolded, and you could see the other pages above and below the one you’re on.
I’m using Source, and have a number of other menu stacks, but they are all standard top-nav or pop-up or slide-out.
I need my menu to be static and part of the site. Again, see Flexer and Sindex for pretty close to what I’m thinking.
Tricky one this - just thinking aloud… The reason the Multitheme menus ‘collapse’ is simply that they link to completely different pages each with its own navigation menu.
What you require is a side bar with links that open a new ‘modal’ contained in a static right side pane. I’d be interested to see if this could be done with Splider or Joe Workmans Moving Box - both designed as advanced sliders but might be repurposed for this type of application. They both have a feature whereby you have a list of links (either below or to the side) which open new slides. The issue I see immediately is that this is achieved with sync’d sliders and the navigation slider may well scroll and will also not have sub menus.
I hope my post didn’t come across as a negative on the Multithemes themes… it’s definitely not. I have many of his themes, and they are well-designed and look great. I really like the look of both Sindex and Flexor, and bought both to work with.
1LD has a project/framework called Forma that has a “sidebar” tree menu that functions as I tried to describe. It’s a minimal design aesthetic, so the vertical menu is only text (no buttons/backgrounds), but dropdowns stay open and the current page is bolded.
That navigation stack is part of the Deluxe stacks that come with 1LD projects, and I’ve written to ask whether the nav stack would work in other frameworks like Source if I were to purchase that project.
Your points are spot on, though! I have Splider, and purchased Joe’s Peek-A-Boo stack a couple of days ago. PAB can nest itself, and the triggers are standalone so could go in a column on the left and open the “main” content to the right.
In theory, I could nest another PAB as a second “sub-menu,” but it would take another column space.
In either scenario, the entire content of the site would essentially be on a single page, and would be an incredibly long page in Edit mode that would get increasingly difficult to work with as the stacks nested.
I’ll keep looking, and I appreciate your thoughts and time as well!
Not exactly what you are looking for, but close - I find 1LD’s Overlay Menu to work very well in a similar way to that you describe - its on my own WildPhotographer site with no issues except sometimes a large cross before the page opens - anyone have ideas?