1. Use the nav module position
Assign your main navigation menu module to the NAV module position which is a special module position designed to be used only for the main navigation:
2. The main navigation on mobile devices
Being responsive, the main navigation adjusts to desktop, tablet and mobile with 3 different layouts. The tablet layout for the main navigation usually stacks the logo and main navigation on top of each other. The mobile layout for the main navigation uses Bootstrap's collapsing navbar and has both a dark and a light version:
If you want the parent mobile menu elements to be collapsible, the parent menus (ex: the "Features" menu, in our demos) should be of type "Menu heading" or "External url" with "#" configured as the url. Otherwise, if you parent menus have actual active url assigned to them (internal or external) then once they will be touched, the url will be triggered before the menu can have the chance to collapse.