{"id":158653,"date":"2025-07-10T09:00:57","date_gmt":"2025-07-10T13:00:57","guid":{"rendered":"https:\/\/www.bu.edu\/tech\/?page_id=158653"},"modified":"2025-07-10T09:09:58","modified_gmt":"2025-07-10T13:09:58","slug":"using-the-mega-navigation","status":"publish","type":"page","link":"https:\/\/www.bu.edu\/tech\/services\/cccs\/websites\/www\/wordpress\/how-to\/using-the-mega-navigation\/","title":{"rendered":"Using the Mega Navigation"},"content":{"rendered":"<h2>BU WordPress Mega Navigation Overview<\/h2>\n<p>The WordPress Mega Navigation is a powerful feature in BU\u2019s web environment designed to help users navigate large site structures efficiently. It automatically populates navigation items based on your site&#8217;s website navigation and visibility settings, with three distinct navigation areas appearing in different parts of the page.<\/p>\n<p>&#8212;<\/p>\n<h3>Overview of Navigation Areas<\/h3>\n<div id=\"attachment158661\" style=\"width: 1034px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment158661\" loading=\"lazy\" src=\"\/tech\/files\/2025\/07\/mega-navigation-screenshot-1024x530.jpg\" alt=\"Mega navigation expanded to show short navigation, the website navigation, and utility navigation\" width=\"1024\" height=\"530\" class=\"wp-image-158661 size-large\" srcset=\"https:\/\/www.bu.edu\/tech\/files\/2025\/07\/mega-navigation-screenshot-1024x530.jpg 1024w, https:\/\/www.bu.edu\/tech\/files\/2025\/07\/mega-navigation-screenshot-636x329.jpg 636w, https:\/\/www.bu.edu\/tech\/files\/2025\/07\/mega-navigation-screenshot-768x398.jpg 768w, https:\/\/www.bu.edu\/tech\/files\/2025\/07\/mega-navigation-screenshot-1536x796.jpg 1536w, https:\/\/www.bu.edu\/tech\/files\/2025\/07\/mega-navigation-screenshot.jpg 2000w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><p id=\"caption-attachment158661\" class=\"wp-caption-text\">Mega navigation expanded to show A. Short Navigation, B. Website Navigation, and C. Utility Navigation locations.<\/p><\/div>\n<h4>A. Short Menu (Short Navigation)<\/h4>\n<ul>\n<li>Location: At the top of every page, usually in-line with the site title and logo.<\/li>\n<li>Purpose: Provides quick access to a few key links or top-level pages (e.g., About, Resources, Academics).<\/li>\n<li>Managed Through: Appearance \u2192 Menus \u2192 Short Menu (select from dropdown).<\/li>\n<li>Display: Typically limited to a small number of high-priority items. This is controlled manually.<\/li>\n<\/ul>\n<p>&#8212;<\/p>\n<h4>B. Site Navigation (Full Site Website Navigation)<\/h4>\n<ul>\n<li>Location: Main body of the mega nav \u2014 the large panel that opens when the navigation is expanded.<\/li>\n<li>Purpose: Displays your full website hierarchy based on your published pages.<\/li>\n<li>Populated By: Pages that are published, have \u201cShow in navigation\u201d enabled, and are arranged in a parent-child structure. Learn more about populating the navigation at <a href=\"https:\/\/www.bu.edu\/tech\/services\/cccs\/websites\/www\/wordpress\/how-to\/using-bu-navigation\/\">Using BU Navigation<\/a>.<\/li>\n<li>Display Order: Controlled by the page order and hierarchy in <strong>Pages &gt; Edit Order<\/strong> or the Page Attributes panel when editing a page.\u00a0Learn more about editing the page order at <a href=\"https:\/\/www.bu.edu\/tech\/services\/cccs\/websites\/www\/wordpress\/how-to\/using-bu-navigation\/\">Using BU Navigation<\/a>.<\/li>\n<\/ul>\n<h4>&#8212;<\/h4>\n<h4>C. Utility Navigation<\/h4>\n<ul>\n<li>Location: Lives within the expanded mega navigation, generally beneath the full site website navigation.<\/li>\n<li>Purpose: Offers contextual or action-oriented links (e.g., Apply, Donate, Make a Gift, News).<\/li>\n<li>Managed Through: Appearance \u2192 Menus \u2192 Utility Menu (select from dropdown).<\/li>\n<li>Display: Appears after expanding the mega nav and is a separate section under the site website navigation. Like the Short Menu, it is manually controlled.<\/li>\n<\/ul>\n<p>&#8212;<\/p>\n<h3>How Items Appear in the Mega Navigation<\/h3>\n<h4>Q: Does the Mega Nav use all published\/visible top-level links plus their visible child pages?<\/h4>\n<p><strong>Yes.<\/strong> The Mega Navigation dynamically pulls:<\/p>\n<ul>\n<li>All top-level pages (those with no parent) that are:\n<ul>\n<li>Published<\/li>\n<li>Have &#8220;Show in Navigation&#8221; checked in the page settings<\/li>\n<li>All visible child pages under those top-level pages, also following the same rules<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>This results in a structured website navigation reflecting your actual site hierarchy.<\/p>\n<p>&#8212;<\/p>\n<h4>Q: Is there a limit to how many items display?<\/h4>\n<p>No limit, but:<\/p>\n<ul>\n<li>For usability, BU recommends avoiding overloading the mega nav.<\/li>\n<li>Best practice: Keep top-level pages concise and organized.<\/li>\n<li>Too many items can overwhelm users and impact performance, especially on mobile or slower devices.<\/li>\n<\/ul>\n<p>&#8212;<\/p>\n<h4>Q: Do the Primary Navigation settings impact what appears here?<\/h4>\n<p>Not directly.<\/p>\n<ul>\n<li>The Primary Menu in Appearance &gt; Menus is typically used for custom menus on specific themes, but in most BU-managed WordPress environments, the mega nav pulls from your actual page structure and visibility settings, not the Primary Menu.<\/li>\n<\/ul>\n<p>&#8212;<\/p>\n<h3>How to Edit Each Section<\/h3>\n<h4>Editing the Short Menu<\/h4>\n<p>1. Go to Appearance &gt; Menus<br \/>\n2. Select the \u201cShort Menu\u201d from the dropdown<br \/>\n3. Add or remove links as needed<br \/>\n4. Click Save<\/p>\n<p>&#8212;<\/p>\n<h4>Editing the Utility Menu<\/h4>\n<p>1. Go to Appearance &gt; Menus<br \/>\n2. Choose \u201cUtility Menu\u201d from the dropdown<br \/>\n3. Add or remove links as needed<br \/>\n4. Click Save<\/p>\n<p>&#8212;<\/p>\n<h4>Managing the Site website navigation (Full Site Navigation)<\/h4>\n<p>1. Go to Pages &gt; Edit Order<\/p>\n<p>2. Ensure pages are:<\/p>\n<ul>\n<li>Published<\/li>\n<li>Have \u201cShow in Navigation\u201d checked<\/li>\n<li>Properly nested (drag\/drop in Edit Order or set Parent under Page Attributes panel when editing a page.)<\/li>\n<\/ul>\n<p>3. To control order, use <strong>Pages &gt; Edit Order<\/strong> or the Page Attributes panel when editing a page.\u00a0Learn more about editing the page order at <a href=\"https:\/\/www.bu.edu\/tech\/services\/cccs\/websites\/www\/wordpress\/how-to\/using-bu-navigation\/\">Using BU Navigation<\/a>.<\/p>\n<p>&#8212;<\/p>\n<h2>Best Practices<\/h2>\n<ul>\n<li>Keep it clean. Only include pages that benefit the user \u2014 avoid cluttering with administrative or redundant content.<\/li>\n<li>Group logically. Use the parent\/child structure to logically group content.<\/li>\n<li>Preview changes. Always preview changes on the frontend to ensure the mega nav reflects your intended hierarchy and clarity.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>BU WordPress Mega Navigation Overview The WordPress Mega Navigation is a powerful feature in BU\u2019s web environment designed to help users navigate large site structures efficiently. It automatically populates navigation items based on your site&#8217;s website navigation and visibility settings, with three distinct navigation areas appearing in different parts of the page. &#8212; Overview of&#8230;<\/p>\n","protected":false},"author":15163,"featured_media":0,"parent":304,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/pages\/158653"}],"collection":[{"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/users\/15163"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/comments?post=158653"}],"version-history":[{"count":11,"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/pages\/158653\/revisions"}],"predecessor-version":[{"id":158668,"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/pages\/158653\/revisions\/158668"}],"up":[{"embeddable":true,"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/pages\/304"}],"wp:attachment":[{"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/media?parent=158653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}