Web Administrator's Guide
Wednesday, August 17, 2022

How do I change the order of the pages in my site menu?

You may have noticed that pages are automatically ordered alphabetically in your site menu.  But did you know you can change that order at any time?  All you have to do is add some basic HTML code before the page name.  Here’s how:
  1. Open the page you want to reorder
  2. At the beginning of the Page Title field, type a “less than" sign (<), an exclamation point (!), two hyphens, a space, a letter of the alphabet which corresponds to the order in which you want your pages to appear (i.e., a=1, b=2, c=3, etc.) another space, two hyphens, and a “greater than" sign (>)
  3. When finished, you should have code that looks like this just before your page title: <!-- a -->
  4. Repeat steps 1-3 but replace the “a” with the letter “b” for the next page use “c” then “d” and so on.  NOTE: You can skip letters to allow for future pages to be inserted into the menu easily.
The code does not show on the page or the website, and the order only affects pages on the same hierarchical level.  So, you can do this with each level of pages in your site without one level affecting the others.
Ordered pages will automatically appear at the top of your site menu regardless of what letter you've assigned to them.  So, if you want to move a page that's down toward the bottom up to the middle, you will have to apply these steps to all of the pages in your menu so that you can control the exact order of the pages.
The ordering code also works in many other areas of your site such as Panels, Events, Albums, etc.  Just be sure to enter it exactly as shown or you could watch some of your items disappear (the good news is that we can get them back).
Site Menu

Previous Page