Hi, I am having trouble getting two menus to work on the same page.
They appear fine on a large full screen, and they each work fine on mobile if only one is published. When two are published, they do not work.
I saw another user ask, mostly about using custom CSS though. They mentioned changing the module ID and enabling noConflict. I also read the directions in
documentation
and tried the naming conventions there: js-meganav1 and js-meganav2 but this did not work either.
I attempted a number of combinations in "trial and error" testing, but nothing seems to work. Please help!
Hi itsjeff
Thanks for contacting and choosing our product
About your problem, I'm sorry. Please give me link your site and your account of administrator via private message or mail: This email address is being protected from spambots. You need JavaScript enabled to view it.
I will check it for you soon
Thanks
It is great that you offer support like this, but it would be great if you put solutions in replies on this forum. If people have similar problems in the future it would help them
Either way, I appreciate your help & look forward to a fix.
Hi
Thank you for feedback us
i fix it for you, please check again
In source code: ...\modules\mod_jux_megamenucss3\tmpl\default.php
at line 26:
<div id="jux_megamenucss3" class="<?php echo $params->get('menutheme'); ?>">
edit:
<div id="jux_megamenucss3" class="<?php echo $params->get('menutheme'); ?> jux-<?php echo $module->id;?>">
at line 94:
$("#css3-megaMenuToggle").click(function () {
edit:
$(".jux-<?php echo $module->id;?> #css3-megaMenuToggle").click(function () {
at line 116:
$(".js-megamenu").toggleClass("dropdown1");
edit:
$(".jux-<?php echo $module->id;?> .js-megamenu").toggleClass("dropdown1");
at line 120:
if (!$(' #css3-megaMenuToggle').hasClass('offcanvas-menu')) {
editL:
if (!$('.jux-<?php echo $module->id;?> #css3-megaMenuToggle').hasClass('offcanvas-menu')) {
at line 138:
$('.js-megamenu').removeClass('dropdown1');
edit:
$('.jux-<?php echo $module->id;?> .js-megamenu').removeClass('dropdown1');
It still doesn't seem quite right. The first menu toggles open/closed properly, but the second shows the toggle button, loads expanded, and does not toggle open/closed.
I tried to modify/add code to the file you changed, but couldn't work out a solution. I'm wondering if it might be from reusing the IDs instead of classes in CSS which are supposed to be unique? I don't know.. I have undone my own changes to the file, if you can take another look.
Hi itsjeff
You can send information login back-end via email: This email address is being protected from spambots. You need JavaScript enabled to view it.
I will check it for you soon
Thanks
Hi
Thank you for feedback
if still have problem, please contact us, pleased to assist you
Hope you will continue to support and use other JoomlaUX products
Thanks
two or multiple responsive menus
