Submenu not working in IE and chrome, both latest versions

I had the same problem - it had to do with custom.js - i took everything out of custom.js except for:

jQuery(window).load(function() {

/* Navigation */

jQuery('#main-menu > ul').superfish({
delay: 500,
dropShadows: false, });

jQuery('#main-menu ul').mobileMenu({
prependTo:'.mobilenavi'
});

});

Ok, I check and test and if any problems I solve and upload the patch.

I checked and the reason is that in chrome and IE maintains a display: none does not change the hover. I climb the patch as petermb says the menu will be changed in version 7.x-2
Thnxs!

Hello,

I found this issue in researching a submenu problem I'm having with the Nexus Theme (7.x-1.3). I'm seeing this with both Safari and Firefox (latest revisions) browsers.

In looking at your demo ( http://nexus.techsaran.com ) the behavior of the main menu shows a double arrow (>>) next to the "About" option to indicate a submenu, and hovering the mouse over it will activate the display of a submenu.

In my installation (7.x-1.3) the double arrow does not display for any option with a submenu until I actually click on the option. After clicking on the option, thenode for that option is displayed and then the double arrow displays, but the submenu never displays.

After updating custom.js per your patch as described on this thread, the double arrows no longer display at all, however the submenu does appear, but only when the node linked to the choosen menu option is displayed.

My expectation is for the menu to work as it does in the demo. So I think the following needs to be fixed.

• double arrows appears next to any menu option with a submenu regardless of what node is currently displayed
• submenu appears for any menu option when hovering over that menu option, regardless of what node is currently displayed

Otherwise I have found this to be a very good theme so far.

Thank You
Pags

I was able to fix a portion of this by setting the menu options with children to be "expandable". However, it is my understanding that making a menu item as "expandable" is supposed to show the menu as expanded all the time, not just when hovering over it.

The double arrows remain missing.

Further researching I found the source of the issue. It is due to jQuery removing support for browser detection in 1.9.1. I changed the configuration of the JQyuery module to be 1.8 and the menu/submenu and double arrows now work as expected... no need to apply the patch.

If you want to to stay with a version of query 1.9.1 or greater, there is this plugin available:
jquery-browser-plugin

I am having the same issues described here. Having to set the menus as expanded to get the drop downs and arrows.

The bigger issue is when it is set this way it is no longer a responsive theme -- the menus do not display on mobile devices. I saw a suggestion to go back to jquery 1.7 to get the responsiveness to work but you have to remove the expanded fix for browsers.

Is there a solution to get the menus working on both browsers and mobile devices?

Hi, Today after long time I have solve the problem in Nexus Theme 7.13 version.

First I have remove the jquery-ui from libraries libraries/jquery-ui we do not need this.

In the Configuration » Development admin/config/development/jquery_update I have put 1.8 jQuery Version and in tehe jQuery UI CDN (jQuery) or (Microsoft)

I have change the custom.js delete all and put only this: 

jQuery(window).load(function() {

/* Navigation */

jQuery('#main-menu > ul').superfish({
delay: 500,
dropShadows: false,    });

jQuery('#main-menu ul').mobileMenu({
prependTo:'.mobilenavi'
});

});

and in the

style.css

I have change the:

(old) border-radius: 3px; - (new) border-radius: 15px;

(old) right: 20px; - (new) right: 0px;

line 288 Menu new

* Menu */

.menutoggle{
  width: 36px;
  height: 36px;
  color: #777;
  border: 1px solid #ddd;
  border-radius: 15px;
  line-height: 36px;
  text-align: center;
  background: #fff;
  position: absolute;
  right: 0px;
  top:25px;
  font-size: 20px;
  display:none;

Clear all chache

Submenus now working in IE and chrome, and in the mobile works nice,

Thanks

Hi,

I follow the advice but it still not working for me. No matter the browser used the submenu never appears !

Somebody found a solution which work find on all cases ?

Thank's

Hey

Any solutions for this issue? Im having the same problems as well :(

Hi thabong,

Are you follow my steps?

Makdomen CreditAttribution: Makdomen commented about a month ago #10

I have the same problem and follow the steps Makdomen suggests, but does not work (I have version 7.x-2.x Nexus-dev).

1) I have not installed jquery-ui
2) change the themes file\nexus\js\ Custom.js
3) update <> to version 1.8
4) I have the style.css file, but there main.css

I'm new to drupal and I hope you can help me. Thanks in advance.

Hi MonikaAD

Please delete the 7.x-2.x Nexus-dev and out the version 7.x-1.3.

I have work to 7.13 version.

If you wont send me your email I will send you the style.css and custom.js but for 7.13 version.

Thanks Makdomen !! I'll make the change version as you suggest and please send me the files to monica.aldana@bits-mexico.com

Thanks and have a nice day.

After a long time, I was able to sort it. I tried everything mentioned in this post including that from Makdomen but nothing worked. Now, I have my submenus working well except that instead of the red double arrows, I have one triangular white arrow something I can live with for now.

1. Installed superfish again from https://www.drupal.org/project/superfish. This basically meant adding the superfish.js in sites/all/libraries and superfish module in the sites/all/modules folders. Enabled the module from Drupal modules page.
2. Applied the browser plugin. Downloaded the plugin file from https://github.com/gabceb/jquery-browser-plugin/tree/master/dist and put the file jquery.browser.js in the JS folder of the Nexus theme.
3. Added the plug in script in the nexus.info file. (line 14 after scripts[] = js/custom.js
scripts[] = js/jquery.browser.js)
4. Set the jQueryupdate to version 1.10 in the configuration settings and CDN as jquery as well.
5. Cleared cache and all works!

HI, conquerdrupal,Makdomen
I follow the steps offered by Makdomen but it doesn't work ,even my version of drupal core is 7.x-1.3

1. I have not installed jquery-ui
2. change the themes file\nexus\js\ Custom.js
3. update <> to version 1.8
4. I have the style.css file, but there main.css

then i try to follow the steps of conquerdrupal

1. I instelled superfish as well as its libraries.
2. I download the browser plugin, I put these two files of JS in the folder of the Nexus theme.
3. Added the plug in script in the nexus.info file.
4. I set the jQueryupdate to version 1.10 or 1.80, neither them work.

This is the web I work on : http://guetoa.2lisi.com/ , the submenu disappear when I contract the window.
And at localhost, it works very well but on-line, the submenu problem puzzle me a long time.

Hi yuxinvalo,

I see the web works on Chrome, Mozilla Browser and on Internet explorer.
You may need to clear the cache browser.
Please tell me the browser you work.

Hi guys,

I'm making a website on localhost and I also struggle with this problem. Submenu is not unrolling. It's only unrolling when I'm inside of the page I'm trying to unroll.
Examples:
http://i.imgsafe.org/b2bfaeb.jpg
http://i.imgsafe.org/b07bfb4.jpg

I've tried the steps above but it's not helping.

I'm new to drupal and I have no idea how to fix it. Could somebody help me with this please?

Hi !
Almost one year long for fixing the pb... but it works now with Chrome (sorry, didn't try IE).
Replacing de sites/all/themes/nexus/js/custom.js has solved the pb.
Hope there's nothing else damaged in the meanwhile.
Thank you for helping.

This is wokred for me!

Thank You!