Pure CSS Mega Menu

[kman55]

Hi Anne

Thank you for this stand alone mod. I have it installed and have been playing around with it for the last couple of days. I am however, stuck and am looking to see if you (or someone else who may know what I am doing wrong) would be kind enough to point me to the right direction. This site is a clean ZC 1.5.1 install with column divider pro, footer menu and Image Handler 4 installed.

I have a large list of manufacturer's that I am trying to display in either 3 or more columns. I changed the tpl_mega_menu.php to say this:

<li class="manufacturers-li"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>" class="drop"><?php echo HEADER_TITLE_MANUFACTURERS; ?></a><!--bof shop by brand -->
<div class="dropdown_3column">
<div class="col_3 firstcolumn">

<ul >

This does provide me a list however, the spacing on the mega menu breaks (everything is getting pushed to the right) and the list of the manufacturers is displayed withouth hovering over menu. The site can be seen at www(dot)just-vibrators(dot)com/zencart/just-vibrator

Any help will be appreciated. Thank you again for the wonderful mod.

[kman55]

Hi Anne

Thank you for this stand alone mod. I have it installed and have been playing around with it for the last couple of days. I am however, stuck and am looking to see if you (or someone else who may know what I am doing wrong) would be kind enough to point me to the right direction. This site is a clean ZC 1.5.1 install with column divider pro, footer menu and Image Handler 4 installed.

I have a large list of manufacturer's that I am trying to display in either 3 or more columns. I changed the tpl_mega_menu.php to say this:



This does provide me a list however, the spacing on the mega menu breaks (everything is getting pushed to the right) and the list of the manufacturers is displayed withouth hovering over menu. The site can be seen at www(dot)just-vibrators(dot)com/zencart/just-vibrator

Any help will be appreciated. Thank you again for the wonderful mod.

I was playing with the css, as I knew the solution was in the css file. I was able to fix the problem I caused. I had to add .mega-menu .dropdown_3columns under /* bof drop down styles */, then .mega-menu li:hover .dropdown_3columns under/* bof drop down on mouse hover left aligned */. That seemed to have fixed the issue.

[picaflor-azul]

I was playing with the css, as I knew the solution was in the css file. I was able to fix the problem I caused. I had to add .mega-menu .dropdown_3columns under /* bof drop down styles */, then .mega-menu li:hover .dropdown_3columns under/* bof drop down on mouse hover left aligned */. That seemed to have fixed the issue.

I am happy that you figured it out and posted your solution so that others who have the same question can benefit ;)

Thanks,

Anne