responsive-nav.js
responsive-nav.js copied to clipboard
arielsalminen
Drop down navigation on Android doesn't work correctly
Title says it all really, when the navigation bar is visible on an Android device, the drop down navigations menus only appear if you tap just below the bar item. The condensed narrow width menu seems to be OK. I would really like to use this navigation but I am reluctant to start implementing it unless this problem is likely to be fixed. I would be willing to pay some money to get it fixed if that helps. Kind regards - David
Hmm, I am not sure if I understand the actual problem here. So first question: Are you using the version from master branch and not for example the alpha version with support for “multiple-levels” (which is no where near ready at the moment)?
I am not entirely sure. I need navigation menus that drop down on hover/touch and offer extra items under each top level navigation item, I didn't realise that the version in the master branch could do that?
Kind regards - David
@DavidCheshire The master version doesn’t unfortunately support that kind of functionality and I wouldn’t recommend using the “multiple-levels” version yet on a production site since it has quite many parts that aren’t working.
I must have been using the "multiple levels" version. I saw that it was mostly last updated one year ago so I thought it was stable. Does this mean that you have stopped working on it? That would be a great disappointment to many people, as well as to me.
Since Google started recently saying that search results on mobile devices would be downgraded for sites that weren't responsive I have been desperately searching for a responsive navigation with multiple levels, and your "responsive-nav" is the best one that I have found, I would really like to be able to use it, and it doesn't seem to be far off from working very well. Would you please consider finishing it so that it can be used?
Kind regards - David
@DavidCheshire Think I could probably fix most of the bugs in that branch by merging the latest changes from master. But, since there are so many changes, that has to be done manually. I also need to find time to go through the rest of the code properly and rewrite some parts of it before I can say that it’s "ready" for production. It also needs more testing on real devices.
Anyway: yes, it’s been a while since the last commit, but that doesn’t mean I’ve fully stopped working on it. I’m hoping I’ll find time to finish it soon (in few weeks hopefully). I can ping you when I have something new ready.
In the mean time, could you please provide me a better example/explanation on how it’s broken so I know what to fix? Could you provide the html/css/js code you are using? (if you don’t want to host it yourself, you can use for example Codepen or similar tool to show it).
Thanks!
That would be absolutely great!
The problem I encountered was on my smartphone, an HTC One, using the demo at http://viljamis.com/demo/responsive-nav-multiple-levels/. With my phone in landscape mode, the full navigation bar is displayed. The problem is that if I touch one of the links that has a sub-menu, nothing happens.
The sub-menu can be made to drop down by touching the screen just at the bottom of the top level link. One of the other comments in the master branch, "dommanley commented on 18 Sep 2014", reported the same behaviour with a Nexus 7 tablet, so it may be an Android thing.
Kind regards - David
I have now uploaded a "dummy" page with responsive-nav to http://www.vintagewatchstraps.com/responsive-nav.php with links to all my pages included in the navigation, and it is working pretty well.
I had to change the point at which it collapses to accommodate all my heading items, which means that it is always collapsed on my phone whether in portrait mode, which the page reports as 360 x 559, or landscape 640 x 279, so the problem I was reporting before has "gone away" on my phone. However, I noticed that between about 1232 and 1280 a strange thing happens; the menu collapses but on pressing the hamburger the dropdown is horizontal across the screen rather than vertical. I guess that might be my fault for messing with the collapse width.
Kind regards - David
Hi Viljami,
You said you might be able to merge the “multiple-levels” version with the master to make it ready for a production site. I guess you have been busy, but do you still intend to do this?
My responsive-nav demo/test at http://www.vintagewatchstraps.com/responsive-nav.php seems to be working pretty well and I would really like to use this navigation with the drop downs on my "live" site, but I am reluctant to start fully implementing it unless you think it is ready to be used. I would be willing to pay some money to get it finished if that would help.
Kind regards - David