WebsiteBaker Support (2.8.x) > Templates, Menus & Design

3 level horizontal dropdown menu system

(1/3) > >>

gilly:
I want to have a 3 level navigation system - I have implemented a few of my own, but have just discovered they dont work properly, and the sm2 code that drives it all is making my head hurt! They have come into issues when a 4th menu item is added to the 2nd level (weird!).

I have tried implementing Multiflex 5 so that I can grab the code and use it in my own template, but this doesnt seem to work. The first level (the normal menu you can see) works fine. Then the 2nd level (the dropdown works ok). When you add a 3rd level (should come out from the side of 2nd level) is when it runs into dramas.

Here is my site with the Multiflex 5 template installed http://mvchiro.com.au/index.php . if you rollover the 'Newsletters' menu item you can see the dropdowns. The structure is meant to go like this:

Newsletters
- N 2-1
  - N 2-1-1
  - N 2-1-2
  - N 2-1-3
  - N 2-1-4
- N 2-2
  - N 2-2-1
  - N 2-2-2
- N 2-3
  - N 2-3-1
- N 2-4
  - N 2-4-1

Is Multiflex 5 designed to be able to run a 3 level horizontal dropdown, or is it only a 2 level? If its only a 2 level, are there any other templates that run a 3 level?

This needs to work in IE6 as well as being pure css (or almost).

If anyone can point me in the right direction here, that would be great.

gilly:
anybody able to help out here?

ruebenwurzel:
Hello,

this has to do with the fact that the code for multiflex maskes no different between second, third and fourth level. In css is as far as i know only the second level defined. Normally you can define in css adduitional sublevels by adding the classes like "ul ul li" or "ul ul ul li" .... but due to the IE6 fixes in the menue code there are issues with the outputed ul code, so i think it is not possible to style it with css.

Solution:
1.) Read our docu about menus, especially the parameters for SM2
2.) Search the internet for sample code of multilevel dropdown menüs
3.) Try to integrate another dropdown menu wich works better with multilevel (look at AllCss2 template)

Matthias

gilly:
Thanks Matthias.

I dont have any issues with css - it was the sm2 stuff that was doing my head in with all the tags for IE6 needed using the multiflex method for 3 levels.

Anyways, I have scrapped that method and gone for the method used in AllCss2 as you recommended. It all works perfectly now and seems reliable. I just needed to modify the css which was pretty easy (its quite neat).

Thanks again!

Innocence:
Hi gilly !
I need the same you solved, could you tell me how you did ?

I´m using multiflex-3 template based...

Thanks in advance !
Pablo.-

Navigation

[0] Message Index

[#] Next page