show dropdown onclick event

now the mega menu open sub menu on mouseover but i prefer it will open just after onclick event
how can i do that? version 2.65

Hi atzmonca,

The opening of the Mega Menu is done by css only. If you want the menu to open on click, you need to remove the css code responsible for the opening of the menu, write JavaScript code that will open the menu on click and include the .js file in the MegaMenu.cshtml file.

Ivan Stoyanov

hi,
and where is the css line code that control this behavior? i want to mark this code

Hi atzmonca,

You can find the css of the Mega Menu here:
Plugins\SevenSpikes.Nop.Plugins.MegaMenu\Themes\YourThemeName\Content\style.css

Where YourThemeName should be the name of your current theme in nopCommerce i.e ShopAll.

And this is the line in the css file that makes the Menu to show on hover:

.mega-menu li:hover .dropdown 
{
    display: block;
}

Hope this helps!

-edited-
Ooops. Sorry, I was replying to the wrong topic. Didn't know how to delete post