This solution enables you to re-order each menu item when the responsive drop down menu is displays at screen widths lower than 960px width.
Here’s the demo video showing how it works :
Demo Video
In this case we have 4 menu items, Menu Item 1, Menu Item 2, Menu Item 3 & Menu Item 4 displaying on desktop. When the mobile menu id displayed at 960px width, the menu items are displayed in the order 3, 2, 4 & 1.
Tested using version 2.6 of the Genesis Sample child theme by StudioPress.
You can use this solution with any number of menu items in any Genesis child theme.
Register or login to access the code.
Was This Tutorial Helpful?