Accordion Navbar Customisation

dbarnby

Hey there,

I am just wandering if anyone has tried this or has an idea how this could be possible. I am just putting together a new design for my website, changing the menu to be a vertical accordion style. What I would like is rather than have, for example:

Home
About
Weddings +
Sports
...

Which becomes

Home
About
Weddings -
Portfolio
Client Galleries
Sports
...

I would like to get rid of the + sign and just have the sub-links appear once someone clicks on the main "Weddings" link to give:

Home
About
Weddings
Sports
...

on all of the pages, then when someone clicks on "Weddings" it appears like this:

Home
About
Weddings
Portfolio
Client Galleries
Sports
...

Then the sub links go away again when navigating away from the "Weddings" tree.

I hope that my explanation wasn't too complicated and that someone out there can help - would be amazing if this is possible!! Also is it possible to remove the lines in between the links?

Thanks!!!!

Dan

tomnovy

Hi Dan,

I would love to take a look at your menu - but I cannot find a vertical menu on your site. Could you please post a link to the page, where the menu is located?
This will help us to see, what exactly are you planing to do.

We are standing by

ChancyRat

The last I looked into having the sub-menus be open by default (no + activation), that was not an option for the accordion style. That was over 7 months ago however.

Also, I believe there is a limit of only one sub-menu only. So if you have a 3rd menu in, that would not be visible; one would have to click the link to go there. (not sure I described that well.)

dbarnby

Hi Tomnovy and ChancyRat, thanks for replying

Tomnovy - I've currently got the new layout hidden until I just finalise a few other things on the website just because a lot of the pages are broken on the new design. I'll post in here when it is up and running properly

ChancyRat - It's a shame that it isn't a possibility. I did toy with the idea of having individual pages with unique menus on each page, and that would make it work and look exactly how I wanted (but there are WAY too many pages to do that haha) Hopefully someone out there has found a clever work around!

Thanks for your help

JohnHero

I took a look at your current accordion style menu and if you were to change this from accordion to vertical, I think this would accommodate what you are looking. Since you have the drop downs already offset, making it vertical would allow visitors to hover over wedding and then the sub-menu fly-outs would show.

dbarnby

Hey JohnHero, I tried to do the vertical menu bar as well, I just don't really like how the hover fly-outs work at the moment... I have heard from other Heroes that there is work going on to change that in the future though and make it easier to customise so will visit that in the future. I've now made the website live at www.danielbarnby.com so thank you all for helping! Should be easier to see now what I was on about!