When viewing my site on a mobile phone, the top and main menus are displaying the non-responsive version in addition to the responsive select box version.

This is because you haven't named your menus correctly. When you create your menus, you must name the top menu "Top Menu" and the main menu "Main Menu". If you name them something else, they will not display correctly when viewing on a mobile phone.