
Originally Posted by
yaritai
I been working on a side menu the last 3 days which 60% of the time was debugging the side menu in mobile browsers. In particular it was Opera Mini and UC Mini that made me aware of the issues. Basically, I went the route of a pure slide in instead of a push menu as the only way a push menu works nice is if the width is 100% fluid. This was not an issue for me exactly as I only load this menu for mobiles but on the chance that someone wanted to use it on a site with a wrapper, the pure slide works much nicer than a push.
I have used your 2.1 responsive default as a base to do a workaround by using your ideas of the mobile detect. But mobile detect was a bit too powerful in one of its beta features of detecting browsers. In one instance, the code would not detect browsers for iphones but instead report all to be iOS. So I found another code on github and it was a 65 line code and did what it needed to to detect browsers and mobile. So for mobiles and browsers that are firefox, safari, mobile IE, and chrome, I load the slide and js. For all others, I used picaflor code for the mobile nav as a fallback. For some reason, her mobile nav works very well in opera mini.
As time permits I will get back to the slide menu next weekend and see if I can turn the workaround into a fix so I can allow more browsers to use it. But the main core of the menu works very well where scrolling is fixed to only the side menu without moving the background page. I will most likely give the code to picaflor first to see if she wants to incorporate it in any templates as she deserves it for offering so many free templates.
Bookmarks