• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

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.

Register for full access

Related Tutorials

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

CSS Grid Columns Nav Menu

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags