I am seeing a funny looking menu between the 700 and 900 breakpoints but I may have set things up incorrectly. I have 2 menu items and 1 sub-menu item. Attached is a screen capture (view port is ~800px).

I have installed the dependencies
- Block Class
- Fences
- HTML5 Tools
- Menu Block
- Semantic Views

Plus the dependency dependencies: Elements (HTML5 Tools), Chaos Tools (Views), Views (Semantic Views)

and added a Menu Block with the following settings:

Menu - set to Main menu
Starting level - 1st level (primary)
Unchecked - Make the starting level follow the active menu item.
Maximum depth - Unlimited
Selected - Expand all children of this tree.
Unselected - Sort menu tree by the active menu item’s trail.
Fixed parent item - Main menu
CSS class(es) - main-navigation block-nav

For the Main menu I have "Show as expanded" selected on all links.

Any help is much appreciated.

CommentFileSizeAuthor
#2 menu-expanded.png30.96 KBstanb
#2 menu-collapsed.png31.05 KBstanb
Screen Shot 2015-07-16 at 17.12.41.png26.6 KBstanb
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

stanb’s picture

stanb CreditAttribution: stanb commented
Issue summary: View changes
stanb’s picture

stanb CreditAttribution: stanb commented
FileSize
menu-collapsed.png31.05 KB
menu-expanded.png30.96 KB

Here is an update. I re-installed Drupal, dependencies, libraries and Beep Edition.

Nav now works for viewports greater than 700px but toggle does not work so installed jQuery update module and tried different versions of jQuery. Results (using local jQuery version) are:

Drupal Default - nav works for viewport larger than 700px; toggle does not work
1.5 - nav works for viewport larger than 700px; toggle does not work
1.7 - gives the funny display as reported above but toggle works
1.8 - gives the funny display as reported above but toggle works
1.9 - gives the funny display as reported above but toggle works
1.10 - gives the funny display as reported above but toggle works

from jQuery CDN

1.5 - same results as above
1.7 - same results as above
1.8 - same results as above
1.9 - same results as above

Attached are 2 screen captures of the viewport at 800px that show the menu collapsed and expanded.

jpamental’s picture

jpamental CreditAttribution: jpamental commented

I haven't had a chance to check this into the repo, but I found the fix: it's a mismatch in media query settings in the nav.js file.

Replace lines 185 & 197 with this:

if( Nav.isScreenSize( 'smallscreen' ) ) {

That will get rid of the odd display (and you do need at least jQuery 1.7 for all of it to work)

stanb’s picture

stanb CreditAttribution: stanb commented

Jason,
Thank you!

Stan

jpamental’s picture

jpamental CreditAttribution: jpamental commented
Status: Active » Closed (fixed)

Fixed in release 7.x-3.3!