Change The Order Of Genesis Responsive Menu Items

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.

Related Tutorials

• Reposition Genesis Responsive Menu Icon Before Site Title On Mobiles
• Genesis Responsive Menu & Sub Menu Items in Columns