Menu background won't expand

Hi - I've given the main menu on this site a green background.

On tablets, the menu turns to make a second line outside the background.

Is there a way to make the background expand to cover the greater depth?

You can see what I mean from the screen shot.

Thanks

Ian

ianpanorton1 Try add this to custom.css file and adjust height value accordingly :

@media only screen  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
 #menu.zen-menu-center {
   height:120px !important;
  }
}