Second identical div id in "offcanvas" div - forces html validation error + absolute width in px plus javascript conflict

I am getting to grips with the megamenu now, just a few things that have popped up

1) The drop down submenu width can be specified in absolute pixels but do I need to use overrides to perform the same in % (relative width) I want to create a menu that works like the one here www.tackleuk.co.uk

There are three or 4 width fall-backs on their site and I know that this can be achieved using megamenu. Notice as you scale the screen down how the main menu re-sizes and the dropdown container remains. Your advice on the best method of solving this would be helpful. I can uses overrides in the module code and css but you know the structure of the module better than I. If you think I need to adjust the template, that is also ok.

2) A second identical div id "juxvm_mm_106" is called within a div container called "offcanvas this causes an error on html validation. Can you suggest a workaround before I go digging in the module files. I guess it is necessary for some devices but ideally I want to remove the duplication.

3) I have a manufacturer carousel from Vinagecko that does not work when MegaMenu is in place. This is not your problem but if you happen to know of a solution then I would be most grateful.

test site is fishingtacklecentral.co.uk

Thank you

Hi , sorry it is JUX VM MegaMenu

The div id="juxvm_mm_106" appears twice in the source code, once in the menu position and again in a position called "offcanvas" This causes a html validation error (not warning)
Can you suggest way to retain functionality but achieve valid code?

Also in the module settings it is possible to set the column container width, but is it possible to change the width from pixels to %ge. This would be better for responsive layouts I believe.

I think I may have purchased the wrong menu

Is it possible to use JUX Css3 Megamenu in a Joomla Virtuemart store? I must I use JUX VM Megamenu