CSS Dropdown menu for the header- With Categories!

[waqas83]

hockey, 4 posts above yours has a link to another post in this thread showing you how to do exactly that. Gotta learn to read and search these threads for your answers.........Top right......"Search This Thread"..........keywords like "Categories", "replace categories".........etc..........

To view the categories horizontally I applied the patch mentioned here. And it perfectly worked.

Next I needed to hide the things other than Categories(needed to hide the title 'Categories' as well). So, I made changes in

includes\templates\YOUR_TEMPLATE\common\tpl_drop_menu.php

Basically, I removed the things other than Categories. I don't know if it's a good approach but it worked for me. Here's the code:

<!-- menu area -->
<div id="dropMenuWrapper">
  <div id="dropMenuWrapperb">
    <div id="dropMenuWrapperc">
      <div id="dropMenuWrapperd">
        <div id="dropMenu">
          <ul class="level1">
            <li class="submenu">
              <?php
 // load the UL-generator class and produce the menu list dynamically from there
 require_once (DIR_WS_CLASSES . 'categories_ul_generator.php');
 $zen_CategoriesUL = new zen_categories_ul_generator;
 $menulist = $zen_CategoriesUL->buildTree(true);
 $menulist = str_replace('"level4"','"level5"',$menulist);
 $menulist = str_replace('"level3"','"level4"',$menulist);
 $menulist = str_replace('"level2"','"level3"',$menulist);
 $menulist = str_replace('"level1"','"level2"',$menulist);
 $menulist = str_replace('<li class="submenu">','<li class="submenu">',$menulist);
 $menulist = str_replace("</li>\n</ul>\n</li>\n</ul>\n","</li>\n</ul>\n",$menulist);
 echo $menulist;
?>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div><!-- end dropMenuWrapper-->
<div class="clearBoth"></div>

Hope it helps someone.