[[menu-reorder]]

=== Changing the Order of Navigation

[role="summary"]
How to reorder items in a menu.

(((Menu items,reordering)))
(((Navigation,changing the order of menu items)))

==== Goal

Reorder the items in a menu.

==== Prerequisite knowledge

* <<menu-concept>>
* <<menu-link-from-content>>

==== Site prerequisites

Home and About pages must exist in the main navigation menu. See
<<menu-link-from-content>>.

==== Steps

. In the _Manage_ administrative menu, navigate to _Structure_ > _Menus_
(_admin/structure/menu_) where all menus on your site are listed. Click _Edit
Menu_ from the _Operations_ dropdown for _Main navigation_. You can also reach
this page using contextual links (refer to <<config-overview>>) for the
menu. Note that the names and descriptions of the menus that were provided by
your installation profile are shown in English on this page; see
<<language-concept>> for an explanation.
+
--
// Menu list section of admin/structure/menu, with Edit menu button on Main
// navigation menu highlighted.
image:images/menu-reorder_menu_titles.png["List of menus on the site with 'Main navigation' highlighted",width="100%"]
--

. The _Edit menu_ page will display a list of each item in the menu you
chose (_Main navigation_).
+
--
// Menu links section of admin/structure/menu/manage/main.
image:images/menu-reorder_edit_menu.png["List of menus items under _Main navigation_"]
--

. Drag the cross bar handles of menu items to change their order: Home, then
About. As an alternative to dragging, you can click the _Show row weights_ link
at the top of the table and select numerical weights (menu items with lower or
more negative weights will be shown first).
+
--
// Menu links section of admin/structure/menu/manage/main, after
// changing the order.
image:images/menu-reorder_reorder.png["Reordered menu items with warning message about unsaved changes and the _Save_ button"]
--

. Click _Save_.

. The home page now displays the main navigation with the Home menu
item displayed first.
+
--
// Header section of Home page with reordered menu items.
image:images/menu-reorder_final_order.png["Reordered menu items on the home page with 'Home' first and then 'About'"]
--

==== Expand your understanding

Add a menu item called _Contact_, leading to the _/contact_ page, to your Main
navigation menu. The contact page is provided by the core Contact module; you
may want to edit its layout and fields (see <<structure-form-editing>>).

==== Related concepts

<<menu-concept>>

==== Videos

// Video from Drupalize.Me.
video::https://www.youtube-nocookie.com/embed/OtT8e8lLx5E[title="Changing the Order of Navigation"]

//==== Additional resources


*Attributions*

Written by https://www.drupal.org/u/AnnGreazel[Ann Greazel].
