Joomla News, Events and Social
This is a tutorial to demonstrate how you can simply use 1 menu, and style it differently on different devices without the need of duplicating your menus!
Here at jSpecialists we always use only 1 menu to display in all of the devices, and with the help of a 'custom module', a small bit of jQuery and CSS we have the ability to style the same menu however we like.
For this demo and guide, we have opted to use one of the default joomla templates (Protostar), a simple single tier navigation, with a 'hamburger' button on mobile devices. We will also be using some 'Font-Awesome' icons. We have set up a mini demo site here: https://www.jspecialists.com/demo-home