Responsive Nav--main pages don't work
Permalink Browser Info Environment
When the nav on Alpha shrinks to the responsive, 3 bars, any menu item which has sub pages is no longer selectable. For example, on my site, "About" is a page, and is selectable when not responsive (shrunken to 3 bars), and so are the sub nav pages. But if you compress the viewport to the 3 bars, About is no longer selectable, it only gives the option to the sub-navs.
Also in that case, the "Back" button, presumably to return to the main menu, that button doesn't work either. Screen shots attached. Fails in multiple browsers.
Also in that case, the "Back" button, presumably to return to the main menu, that button doesn't work either. Screen shots attached. Fails in multiple browsers.
| Type: | Discussion |
|---|---|
| Status: | Resolved |
Sure, I can restructure but that won't solve the fact that the NAV in full mode and the NAV in mobile mode will function differently. I can add a "About Us" external link, or add a sub-page, but then it would say: ABOUT, and then ABOUT under ABOUT.
If the main link is selectable in full mode, how can the behavior change when converted? That doesn't make sense.
Are you saying this is a ZURB bug?
If the main link is selectable in full mode, how can the behavior change when converted? That doesn't make sense.
Are you saying this is a ZURB bug?
Also, what about the "BACK" button not working?
Not saying it is a bug; saying that is the way they built the navigation to work on purpose.
Top level links are looked at like 'sections' and sub links as the actual pages that hold the content.
The way to approach it is to have the about us page redirect to the first link in the sub nav on desktop. This is achieved by using the Replace Link with First in Nav as outlined herehttp://www.concrete5.org/documentation/using-concrete5/dashboard/pa...
Back button - you have multiple javascript errors from third party scripts on the page. The menu works with javascript so one of your third party scripts may well be breaking it. As you will see this functionality works as intended on our demo site.
Top level links are looked at like 'sections' and sub links as the actual pages that hold the content.
The way to approach it is to have the about us page redirect to the first link in the sub nav on desktop. This is achieved by using the Replace Link with First in Nav as outlined herehttp://www.concrete5.org/documentation/using-concrete5/dashboard/pa...
Back button - you have multiple javascript errors from third party scripts on the page. The menu works with javascript so one of your third party scripts may well be breaking it. As you will see this functionality works as intended on our demo site.
The top level link in the mobile navigation is used to navigate to the sub menu and not to the top level page, this the way the foundation menu works.
You may consider restructuring your sitemap so that any content on the about us page sits on a sub page for example.
Thanks