Hello,

I initially posted this last week in another issue relating to submenus not working in Chrome and IE. But I,m posting this as a new issue as it is not confined to Chrome and IE (I'm seeing this in Safari and Firefox... haven't tested Chrome, and IE) , and the problem is more extensive than described in that issue. And that issue is in the review stage.

I'm also posting the priority as Major, as it is a navigation issue which is limiting visibility of all the site links as you can only see submenus if your currently displaying the top node of a menu item. One of the reasons I choose this theme was the menu behavior that is shown in your demo. However, that behavior is different in 7.x-1.3.

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, the node 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 in the submenu issue, 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

Comments

pags’s picture

pags commented
Issue summary: View changes
pags’s picture

pags commented
Issue summary: View changes
pags’s picture

pags commented
Issue summary: View changes
pags’s picture

pags commented

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.

pags’s picture

pags commented

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 JQuery 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 jQuery 1.9.1 or greater, there is this plugin available:
jquery-browser-plugin

RmrJmrGrl’s picture

RmrJmrGrl commented

With your fix of going back to 1.8, was the menu responsive? Mine are not and it is an important requirement for using this theme.

pags’s picture

pags commented

Hi RmrJmrGrl,

I tried it on my iPhone and the web content is responsive and the menu is displayed as a pulldown menu labeled "Select a Page" clicking on it brings up a really cool animated rotary type menu selector... I like it. However, it is adding a link called "Main" to every submenu, which an issue that has already been created for ( Nexus's mobile menu Bug (adds 'Main' entries).

I've only tried it on an iPhone though.

Also in resizing the screen on my Mac to be small, there is a point where the menu gets switched from bar form to a pulldown menu form as expected for a responsive theme.

The other thing that needs to be done besides configuring jQuery to run version 1.8 (I was running at 1.10) is editing the parent of each each submenu to "show as expanded". This doesn't have anything to do with the menu being responsive, but it does enable display of the submenu when hovering the mouse over the submenu's parent.

Pags

RmrJmrGrl’s picture

RmrJmrGrl commented

Thanks!

RmrJmrGrl’s picture

RmrJmrGrl commented

I'm still having issues with the responsiveness of the theme using the older versions of jquery. I need to install the patch but I don't know how! I have the jquery.browser zip file extracted to site/all/libraries. The instructions say to

Include script after the jQuery library:

Where is "after the jQuery library"?

RmrJmrGrl’s picture

RmrJmrGrl commented

I was able to get it to work without having to install the patch. I just removed the JQuery update module and that fixed the responsiveness issue. Yay!!