[Theme: Twenty Eleven] Mobile site menu?

Hey,

Modified Twenty Eleven in my child theme. Replaced the title with a logo image, etc.

Slowly working out the kinks on the mobile sizes.

My main menu has submenus. And the submenu’s don’t automatically open and close.

So I HAVE to go to a page to get the menu to close. IT seems silly.

Does anyone with experience with Twenty Eleven and mobile have any tips?

The site is currently in development so I can;t publish it. But am very close to the finish line. Just need some help or advice.

the style changes from the regular style.css is a follows:

#access {
    clear: both;
    display: block;
    float: left;
    margin: 0 0!important;
    width: 100%!important;
}

#branding #access li {
      font-size: 14px;
      width: 100% !important;
      text-align: center;
   }

Thanks!