Drop down menus do not work on touch devices

[modemlooper]

Posting this, will come up with some solutions. If anyone has suggestions post em.

[modemlooper]

So one way is to tell users to create a custom link for top level tabs that have child links to use a hash as the URL. This is not the best but it's something. I'm testing some JavaScript solutions.

[modemlooper]

Tried getting a CSS only fix but nothing worked well.

Javascript fix:

if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i)) || (navigator.userAgent.match(/Android/i)) ) {
	var clicks = '';
	jq('#nav li a').live('click', function(e) {
		clicks++;
		if (clicks == 2){
		var el = $(this);
		var link = el.attr('href');
			window.location = link;
			} else {
			e.preventDefault();
			}
	});
}

[DJPaul]

Let's rip out BP-Default's entire nav menu CSS and re-implement so it works.

[djpaul]

(In [5509]) Update BP-Default's nav menu to work on touchscreens, and fix text-indent problem with nested menu items. Fixes #3701