Hi,

Nice theme by the way.

It seemed that the primary links drop down menu is limited to two level only. If you have additional level, not only the third level is not shown, but the parent (second level) can't be click at all. Confirmed the same behavior in Chrome, Safari, IE8, and Opera.

E.g.

First level
+ Second level A  --> menu shows up, but not clickable
   + Third level     --> menu doesn't show up at all
+ Second level B   --> this one is ok, menu is clickable

Comments

finex’s picture

finex commented

I know it. The menu has been designed for a two levels menu.

Patches are welcome :-)

finex’s picture

finex commented

This template supports only two levels menu. Anyway I'd like to add the support for three (and why not four) levels.

Patches are welcome :-)

bbence’s picture

bbence commented

I made a workaround, which works quite good:

1st step: download http://drupal.org/project/superfish
2nd step: rename the css files in the module folder for the superfish module (there must be an nicer and more elegant way, but I needed a fast solution, I might revisit this solution later), so that the css of the module will not cause rendering problems
3rd step: remove the navigation code part in page.tpl.php and put in the navigation div a new block (you can create it in avitamin.info)
4th step: you have to add a few lines to the css so that the third level would be displayed in the correct place:

#navigation ul ul li:hover ul, #navigation ul ul li.hover ul{
  display:block;
  position:absolute;
  top:0px;
  z-index:999;
  left:0;
}

There's probably a more elegant solution, i.e. integrating the superfish module into the avitamin theme more tightly.
But this worked for me.

mauroe’s picture

mauroe commented

Workaround from bbence works, here a more detailed explanation (i took somewhile to understand it :-)

Step 1: Install Superfish: http://drupal.org/project/superfish
Step 2: Go the superfish module folder and rename all the *.css files to something else, eg. ignore-superfish.css, ignore-superfish-navbar.css, ignore-superfish-vertical.css (you need this step otherwise it will interfere with the a-vitamin menu css)
Step 3: go to the page.tpl.php template of avitamin theme or your child theme, and replace this:

      <div id="navigation"><!--NAVIGATION-->
        <?php if (isset($primary_links)) print menu_tree($menu_name = variable_get('menu_primary_links_source', 'primary-links')); ?>
      </div><!--END NAVIGATION-->

with this:

      <div id="navigation"><!--NAVIGATION-->
        <?php print $navigationmenu; ?>
      </div><!--END NAVIGATION-->

Step 4: go to avitamin.info (or your-theme.info) and add this line in the regions:

regions[navigationmenu] = Navigation-Menu

Step 5: go to admin/block of your theme and add a superfish menu block to the template area "Navigation-Menu"

Step 6: go to avitamin's or your theme's css and add: 

#navigation ul ul li:hover ul, #navigation ul ul li.hover ul{
  display:block;
  position:absolute;
  top:0px;
  z-index:999;
  left:0;
}

I hope this helps

lias’s picture

lias commented

Thanks for the superfish how to. Is there a way to make the fontsize for the second, third, etc. levels smaller while leaving the main level the current size of 18? The reason being that the child menus break into two lines if too large, which I can't figure how to fix.

mauroe’s picture

mauroe commented

Try this out:

#navigation li li a {
	line-height: 30px;
	font-size: 14px;
	height: 30px;
}

#navigation ul li:hover ul li a,
#navigation ul li:hover ul li a:visited,
#navigation ul li.hover ul li a,
#navigation ul li.hover ul li a:visited{
  height:auto;
  line-height:30px;
}

and don't forget to set the minimum width at admin/build/block/configure/superfish/*