@media screen and (min-width: 600px)
.main-navigation li:last-child {
margin-right: 0;
}Try adding that to your custom.css or child theme's style.css file
that will probably help with the iPad.
And yes, there are many plugins for mobile/responsive menus.
I've used this one: http://wordpress.org/plugins/wp-responsive-menu/
