Mega Menu - Customization & Bugfixing

Hi
i just bought the megamenu Extension and want to customize it a little bit...
Th Menu should look and work like this:

On Mousover OR Click, the Website should be darkened (done). The submenucontainer should eb clickable (done).
You should be able to close the Submenucontainer by clicking an X at the right top or if you click on the darkening DIV.


The mobile Menu should look like this:



Ths Mobile Submenucontainer should look and work like this:


The TestSite is here:

Livesite

Thanks in advance!
Dominik

Hi Dominik.
Thank you for using our product.
First, Thanks your good idea.
But Current, we still can't custom this function that you want because when we add this function, have many issues affects other functions.
I will note your idea and hope our developer will find the solution and update product better than,
Thank you so much for empathy.

Hi Huyen,
thanks for your quick answer.

I think there is a misunderstanding. i did not request for a Extensions Update. For it is a customization of your Extensions, i ask your help to get it done.

My problems:
I need the submenu to be opend on hover AND click (right now its on hover)
AS i understand, this should be possible (where can i find the setting for that)

I need the mobile menu to work (right now its not working at all, submenu is not showing)

i need to know, where (in which file) you are managing the js events and functions (mouseenter, mouseleave, etc.) so that i can customize ist.
I would be glad if you could help me a little bit with changing the JS events (remove mouseleave event, change to click)

I alnmost had a perfect solution running on the live site, but could not manage to script the right show () and hide() functions.

Thanks in advance,
Dom

Hi Dominik.
Thanks your feedback to me again.
1. Before we have the config, that uses JS, You can select click or hover. But when uses JS => Megamenu get some the error when use mobile => we remove and don't use JS for mega menu. Now, you only use some basic js for Tab.
2. About submenu doesn't show on mobile. I checked your site and it still shows but because arrow color is white => you don't see.

Hu Huyen,
I activated my little script (for the desired effect) right now on the livesite...

I did not understand, where i can change from "hover" to "click & hover"...in the joomla backend?

As you can see, i can manage to darken the website and to close by clicking on "X", but i think, i close the wrong container...as it wont open again...

here is my code:

Hi Dominik Narinder.
I'm sorry for your issue. Current, our product can't add your code. when you add some js for our module, will have many problems that are difficult
Thank you so much for empathy

Hi Huyen,
im not asking you, to modify your product...

I just asked for your help to customize the coding of the module on my website...but its ok...
Could you PLEASE just answer me this questions:

1. WHERE can i change the Setting of the menu, so that submenu will open on hover AND Click (right now ist only on hover)?
2. In which file of your module will i find the animation codes? (css? js?)

Thanks in advance
Dominik

Hello Dominik,
About your problem,
1.
+ We use hover to show submenu,
style.css file (modules / mod_jux_megamenu / assets / css)
+ And we're barking JS use tabs to display submenu tab style

jqueryui.com/tabs/
2. Please go to animate.css file (modules / mod_jux_megamenu / assets / css)
daneden.github.io/animate.css/

Thanks!