-
1. Re: Menu Issues - BC Gurus
Was the menu a module, have you remade the menu and changed the ID on the module to match up with it. Does the menu come with custom menu layouts? Did you port these over as well?
-
2. Re: Menu Issues - BC Gurus
Hi Liam,
Here is the code...
<!-- nav-row -->
<div class="nav-row">
<div class="container">
<!-- nav -->
<div id="nav">
<a class="btn-menu" href="#">Mobile Navigation</a>
{module_menu, version="2", menuId="1483103", moduleTemplateGroup="MainNav"}
</div>
I changed the Menu ID for the new Menu i created, I moved across all the templates in the ModuleTemplates folder and the JS to ensure everything was moved across.
I did use an old menu that was set as default and copied this one, then I changed this to Css/HTML only. Not sure if that culd be the issue?
-
3. Re: Menu Issues - BC Gurus
If you do that old inline settings still remain, You need to make a new menu or clear out all the widths and values set in the menu. It is easier to make a new one, and double ensure the layout for that menu is copied over.
-
4. Re: Menu Issues - BC Gurus
Hi Liam,
Done all that you have suggested, reuploaded the files to the system, created a basic menu (Css/HTML Only) and then dropped it in to then swapped the menu ID and still the secondary menu wont display on hover.
Thanks
-
5. Re: Menu Issues - BC Gurus
You can probably get the drop menus to work by changing line 332 of all.css from:
#nav li.hover .drop {top:35px;}
to:
#nav li.hover .drop, #nav li:hover .drop {top:35px;}
You don't need to update your CSS if you want to write some javascript to add the "hover" class to an li item that's being hovered on (with jQuery):
(function($){
$(document).ready(function() {
$("#nav li").hover(function() {
$(this).addClass("hover");
}, function() {
$(this).removeClass("hover");
});
});
})(jQuery):
It's way easier to just update your CSS like I said above or you can do it the hard way with some jQuery to add a class of "hover" to your li items so that your current CSS rules take effect.
-
6. Re: Menu Issues - BC Gurus
Hi thetrickster888,
I applied the CSS you suggested and this seemed to have done the trick.
The menu hoever is also supposed to be Mobile and now sits static if you try to view it in a mobile device. Without actually enabling the dropdown the menu is enabled as I change the resolution of my screen. Any suggestions on how to fix this?
Thanks for your help
Asad
-
7. Re: Menu Issues - BC Gurus
This is adding to what was existing though, and I can see you got some conflicts already. That has got you working but if you do it before I have a look you need to find the root issue rather then a hacky fix. I think I know what it is and will post when I got time for you.
-
8. Re: Menu Issues - BC Gurus
The fix I made only fixed the desktop viewport version of the menu. Before my CSS changes your mobile viewport menu was behaving the same way.
I found the main problem like Liam was alluding to-- for some reason a bit of your javascript got changed somewhere along the way... open up /js/jquery.main.js in your new site and search and replace "#nav-2-2" with "#nav".
You might also be able to remove the added CSS I gave you as well as this is probably the main problem.
-
9. Re: Menu Issues - BC Gurus
Awesome, that the one, there is a bit of html issues still as well.
Was not having a go thetrickster but I always prefer fixing the actual problem.
-
10. Re: Menu Issues - BC Gurus
Thanks for your help Trickster, I changed the JS and it worked perfect.
Appreciate both your help.