A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.
I am trying to add a mobile friendly menu to a site that I am reskinning, using the technique posted here: http://astuteo.com/mobilemenu/demo
The menu has a button. The button is set to display none on the desktop. On mobile view, the button shows. When the button is clicked the menu should toggle open (this is achieved via a CSS style.) In mojoportal, clicking the button causes the menu to open, but it also causes the page to refresh. That is maddening. Preliminary research indicates that the problem may come from the fact that the javascript is being triggered by use of a button, rather than some other element. Is that true? Is there an easy work around? Any help would be appreciated.
I solved my own problem, after having posted. Very sorry to have bothered everyone.
If anyone stumble across this looking for a solution themselves, the way I did it was to change the <button> to a <div> It seems that the <button> was being read as an input in some kind of master page form or something. Really, it was beyond me. But it works. Sorry to bother you.
Have you had a look at our add on Mobile Kit Pro? It has a custom menu control that works pretty well on phone size screens.