An idea on reordering floated menu items to respect their originally intended order (open to improvement!)

menu-reorder.js

jQuery(function( $ ){
 
	/* Reorder Menu */
 
	// If page loads in 'non-mobile' mode reorder our floated menu items
	if(window.innerWidth > 800) {
		menu_reorder();
		$("body").addClass("menu-reordered");
	}
	else {
		$("body").addClass("menu-original");
	}
 
	$(window).resize(function(){
		// If page is resized out of mobile mode reorder our floated menu items
		if ($("body").hasClass("menu-original")){
			if(window.innerWidth > 800) {
				menu_reorder();
				$("body").removeClass("menu-original");
				$("body").addClass("menu-reordered");
			}
		}
		// If page is resized into mobile mode reorder our floated menu items
		if ($("body").hasClass("menu-reordered")){
			if(window.innerWidth < 801) {
				menu_reorder();
				$("body").removeClass("menu-reordered");
				$("body").addClass("menu-original");
			}
		}
	});
 
	function menu_reorder(){
		var list = $('#menu-primary-menu');
		var listItems = list.children('li.menu-right');
		list.append(listItems.get().reverse());
	}
 
});