If you add the Primary menu to the header section under the Garland theme, the javascript renders as text. Well, some of it does at least. It appears fine in IE6. Haven't tried 7.

Comments

Ashraf Amayreh’s picture

Assigned: Unassigned » Ashraf Amayreh

Yes, I've discovered that as well.

But I'm really trying to figure out why this is happening and weather it's a lucid_menu or a firefox 2.0 issue. Looking at the javascript code nothing looks suspicious.

mclai’s picture

If you look at the HTML, the menu sitting inside the header region is placed inside <div id="header-region" class="clear-block">. Thus if you take out the id="header-region" from themes/garland/page.tpl.php, you will be able to see the top-level menu. Or go into themes/garland/style.css, locate "#header-region * {" and then comment out "display: inline;", you should see the menu displayed at the header region.

#header-region * {
  //display: inline;  <--- comment out this line
  line-height: 1.5em;
  margin-top: 0;
  margin-bottom: 0;
}

But the menu is not displayed in a horizontal way by default. I am not sure if it is the intent (note that I use all the default settings in Lucid menu). I personally would prefer the menu in header to display horizontally. But I don't know how to make this happen. How could we put the "horizontal" parameter back to TMainMenu function?

   var menu_1_0_0 = new TMainMenu('menu_1_0_0', 'horizontal');

I can see the variable $block_settings['direction'] in lucid_menu.module but I don't know where the direction is set. I am not a PHP programmer and not familiar with Drupal framework. Thus, I am unable to do more testing on this.

Even though the horizontal issue is fixed, the sub-menu is not displayed in the right position. I guess we could play around those settings in Lucid menu page that I am not sure.

I hope the above information will be helpful for further debugging.