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.
Comment | File | Size | Author |
---|---|---|---|
#2 | menu-expanded.png | 30.96 KB | stanb |
#2 | menu-collapsed.png | 31.05 KB | stanb |
Screen Shot 2015-07-16 at 17.12.41.png | 26.6 KB | stanb |
Comments
Comment #1
stanb CreditAttribution: stanb commentedComment #2
stanb CreditAttribution: stanb commentedHere 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.
Comment #3
jpamental CreditAttribution: jpamental commentedI 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)
Comment #4
stanb CreditAttribution: stanb commentedJason,
Thank you!
Stan
Comment #5
jpamental CreditAttribution: jpamental commentedFixed in release 7.x-3.3!