Pure CSS Mega Menu

[DarkAngel]

Thanks Anne,
After trying it out for quite awhile now I decided that it was best to put our categories back in a sidebox. I now have the extra link above in the mega menu with the drops that will behave as they should. Removing the categories was needed for us because when the menu was there, and then hovered, the links would appear but to actually click on it you needed to go almost midway to the right of listed name to be able the click on it. Otherwise it would just close the hover totally.

Could be cause we have many categories with several subs, it also made for an extremely long listing, hence putting it back to the sidebox.

The mega-menu is great to have as a feature on non drop templates and is still a might different than the clunkier previous version someone else had years ago.

The only problem I have is a slight jerk when going from one menu tab to another. ai fixed it on another store site...LOL...but it did not work on mine so not sure what happened....course I had to do quite a bit of fixing at that site. I can live with the slight jerk. I tried using firebug but it was too confusing so I try using web developer.

Thanks for your continued help with your plugin and templates.

You most likely have mistakes in your code. If you post an example I can take a look.

Thanks,

Anne

[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

[picaflor-azul]

Thanks Anne,
After trying it out for quite awhile now I decided that it was best to put our categories back in a sidebox. I now have the extra link above in the mega menu with the drops that will behave as they should. Removing the categories was needed for us because when the menu was there, and then hovered, the links would appear but to actually click on it you needed to go almost midway to the right of listed name to be able the click on it. Otherwise it would just close the hover totally.

Could be cause we have many categories with several subs, it also made for an extremely long listing, hence putting it back to the sidebox.

The mega-menu is great to have as a feature on non drop templates and is still a might different than the clunkier previous version someone else had years ago.

The only problem I have is a slight jerk when going from one menu tab to another. ai fixed it on another store site...LOL...but it did not work on mine so not sure what happened....course I had to do quite a bit of fixing at that site. I can live with the slight jerk. I tried using firebug but it was too confusing so I try using web developer.

Thanks for your continued help with your plugin and templates.

Tracking down the "jogs" can be laborous, but it usually has to do with paddings/margins being slightly off in the menu elements ;)

Thanks,

Anne

[Raw Jigs]

Hey Anne,
Love the Menu. My buddy found it on the Oxford Dark layout and he loved how it was laid out. I have been able to change colors and all that no problem. He wants to add a menu item and I have looked and searched for 2 days now trying to find this. Where and how do I do this? Thanks Anne!

[picaflor-azul]

Hey Anne,
Love the Menu. My buddy found it on the Oxford Dark layout and he loved how it was laid out. I have been able to change colors and all that no problem. He wants to add a menu item and I have looked and searched for 2 days now trying to find this. Where and how do I do this? Thanks Anne!

I am happy that you like it ;) You can edit the includes/templates/override/common/tpl_mega_menu.php file.

Thanks,

Anne

[picandnix]

Hi Anne
I'm looking to add a 'subject' box to the contact us drop down in the menu. I have used http://www.zen-cart.com/downloads.php?do=file&id=226 and it works fine for the regular contact form but I can't seem to be able to add 'subject' to the mega menu so instead the mini form redirects to the main contact form requesting I fill in the subject there instead.
Many thanks in advance.

[picandnix]

Hi Anne
I'm looking to add a 'subject' box to the contact us drop down in the menu. I have used http://www.zen-cart.com/downloads.php?do=file&id=226 and it works fine for the regular contact form but I can't seem to be able to add 'subject' to the mega menu so instead the mini form redirects to the main contact form requesting I fill in the subject there instead.
Many thanks in advance.

Got it!

add

<br class="clearBoth" />
                        <label for="subject">Subject<span class="required"> *</span></label>
                        <input name="subject" type="text" id="subject" size="30" value="" /> 

to includes/template/yourtemplate/common/tpl_mega_menu.php

hope this helps someone one day.

[picaflor-azul]

Got it!

add

<br class="clearBoth" />
                        <label for="subject">Subject<span class="required"> *</span></label>
                        <input name="subject" type="text" id="subject" size="30" value="" /> 

to includes/template/yourtemplate/common/tpl_mega_menu.php

hope this helps someone one day.

I am happy that you figured it out ;) Thank you for posting your code so that others who want to do this will have it for reference.

Thanks,

Anne

[DarkAngel]

Tracking down the "jogs" can be laborous, but it usually has to do with paddings/margins being slightly off in the menu elements ;)

Thanks,

Anne

yup that is for sure...I got a migraine chasing down the jerkiness but all areas concerning the links/hovers all have same settings for margin/padding but will keep trying until I beat it up and it flies right...lol

[picaflor-azul]

yup that is for sure...I got a migraine chasing down the jerkiness but all areas concerning the links/hovers all have same settings for margin/padding but will keep trying until I beat it up and it flies right...lol

If you take a look at the original stylesheet_mega_menu.css file you will see that many of the paddings and margins are not the same. This might be your problem.

Thanks,

Anne