Dropdown not working on touch.

[DESIGNfromWITHIN]

Need to change/optimize the navigation for smaller devices.

[Showa]

Hi Menno,

I posted this also on the MODX forum in the Flexibility thread. Looking at the examples in the Foundation Navigation documentation I noticed that flyout-toggle is in their code. The examples work on an iPad and iPhone. I think this is the problem. Inspecting a page the flyout-toggle part highlights the little triangle and make it active.

Ad.

[Showa]

Found it! Changed rowTpl to this:

!-- rowTpl --> li[[+wf.id]] class="[[+wf.classnames]]" a href="[[+wf.link]]" title="[[+wf.title]]" [[+wf.attributes]]>[[+wf.linktext]] a href="#" class="flyout-toggle"> [[+wf.wrapper]] /li>

(Took out some < to make the code visible.) Dropdown works now on touchscreen.

Ad.

[Showa]

Problem not quite solved. It is working but in the submenu extra squares are added, Clicking on them it is reffering to a none excisting page called #.

[DESIGNfromWITHIN]

I changed the menu to a select item for small screens, will update the nav soon for iPad sizes...

[Showa]

Problem solved with original nav-bar by mmcgee see: http://forums.modx.com/thread/?thread=81142&page=2