search

DESIGNfromWITHIN / Flexibility

Flexibility - Fully functional MODX Revolution website. Quickstart projects by creating a fully working MODX Revolution website with just one package. Need MODX Revolution 2.2+
http://flexibilitymodx.com/
Other
35 stars 6 forks source link

Dropdown not working on touch. #50

Open DESIGNfromWITHIN opened 11 years ago

DESIGNfromWITHIN commented 11 years ago

Need to change/optimize the navigation for smaller devices.

Showa commented 11 years ago

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 commented 11 years ago

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 commented 11 years ago

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 commented 11 years ago

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

Showa commented 11 years ago

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