Should I use multiple dropdown menus in mobile design?

1. Why should you avoid drop-down menus on navigation?
2. When should you not use a dropdown?
3. How many items should be in a drop down?
4. How do I make a mobile dropdown responsive?

Why should you avoid drop-down menus on navigation?

Drop-downs can sometimes render a website unusable on an iPhone or Blackberry and can also make life difficult on iPads. Drop-down menus can also encourage "navigation creep" in which the website owners keep adding more and more menu options simply because they can.

When should you not use a dropdown?

In General, Avoid Drop-Downs When There Are More Than 10 or Fewer Than 5 Options. Drop-downs quickly become difficult for users when they are presented with an overwhelming number of options to choose from. Take, for instance, a commonly included input in checkout forms, the “Country Selection” drop-down.

How many items should be in a drop down?

Choosing Between a Listbox and a Dropdown List. Compared to using standalone checkboxes or radio buttons, it's better to use a listbox or dropdown list when there are 5 or more items from which users can choose.

How do I make a mobile dropdown responsive?

Write HTML to create a responsive dropdown menu items. Use CSS to style your navigation bar with a responsive dropdown. Create the submenu items inside the dropdown menu. Add CSS media queries to make things mobile responsive with your new dropdown submenu.