Disable/tweak mobile (dropdown) menu

If you only have a few menu items and want to disable the menu select box for mobile phone navigation, please paste this custom css code inside the dedicated area for Custom CSS  under the Theme Options Panel:

@media all and (max-height: 600px) {
  #menu .top-menu { display: block !important; }
  #menu .responsive-menu { display: none ! important; }
}

If you have a lot of menu items and they get cropped on some devices, please use this code to tweak the transition to the responsive menu:

@media all and (max-height: 900px) {
  #menu .top-menu { display: none !important; }
  #menu .responsive-menu { display: block ! important; }
}

In this example the responsive menu will be activated under 900px but you can of course edit the value to your own needs.