I think what the culprit here is that the code to expand and collapse is set to the :hover. Touch screens don't hover. they click, so the touch screens may be executing the hover because the button has to be hovered to click, but there is not a mouse per se to take the hover away. Looks like he needs to apply the css transition to a -webkit-touch (something or other, can't remember the directive atm) as well so it will recognize that a touch event happened on a phone instead of a hover, but still have the hover for desktop.
Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Nov 28, 2014, at 9:58 AM, Crest Christopher <crestchristop...@gmail.com> wrote: > Hi, the following effect > <http://cssdeck.com/labs/navigation-dropdown-with-flip-effect> is not > collapsing on iPhone and it's not opening or collapsing on WP8.x. I can't > say whether it works on Android as I didn't test on Android ? > > Christopher > ______________________________________________________________________ > css-discuss [css-d@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/