{"id":10001,"date":"2024-01-12T15:27:21","date_gmt":"2024-01-12T20:27:21","guid":{"rendered":"https:\/\/www.eng.ufl.edu\/marcom-dev\/?page_id=10001"},"modified":"2025-09-23T15:22:49","modified_gmt":"2025-09-23T20:22:49","slug":"navigation-menus","status":"publish","type":"page","link":"https:\/\/www.eng.ufl.edu\/marcom\/resources\/web-services-standards\/wordpress-help-and-how-to\/mercury\/navigation-menus\/","title":{"rendered":"Navigation Menus"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Section navigation<\/h2>\n\n\n\n<p>The <a href=\"#\">section navigation block<\/a> can replace sidebar navigation menus from the 2019 HWCOE Theme. It automatically creates a menu based on page hierarchy, going downward from the current page. Section navigation is designed to be mobile device friendly and site visitors access it by selecting the Menu tab.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69fda5b944542&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69fda5b944542\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1178\" height=\"593\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.eng.ufl.edu\/marcom-dev\/wp-content\/uploads\/sites\/253\/2024\/01\/section-nav-usage.gif\" alt=\"Animation showing usage of section navigation menu\" class=\"wp-image-10201\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Usage of the section navigation menu. The menu needs to be placed within the page manually or by using the Page Title and Section Nav page template. <\/figcaption><\/figure>\n<\/div>\n\n\n<p>You will need to manually place the menu within your page. To use section navigation, do one of the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Apply the <a href=\"https:\/\/www.eng.ufl.edu\/marcom\/resources\/web-services-standards\/wordpress-help-and-how-to\/mercury\/page-post-options\/\">Page Title and Section Nav page template<\/a> to your page<\/li>\n\n\n\n<li>Insert the <a href=\"#\">Section Navigation block<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"custom-nav\">Custom navigation menus<\/h2>\n\n\n\n<p>You can build various custom menus for your site that link to pages, posts, categories, tags, and custom links. The HWCOE Mercury theme has three designated menu locations, and you can also include menus in widget areas and page or post content.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Create\/edit a menu<\/h3>\n\n\n\n<p>Create and edit menus in one of two ways: from the <a href=\"#menu-dashboard\">Dashboard<\/a>, or using the <a href=\"#menu-customizer\">Customizer<\/a>. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"menu-dashboard\">Dashboard menu page<\/h4>\n\n\n\n<p>From the Dashboard, choose Appearance &gt; Menus. From here, you can select an existing menu to edit from the dropdown list or create a new menu.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69fda5b945161&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69fda5b945161\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1037\" height=\"913\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.eng.ufl.edu\/marcom-dev\/wp-content\/uploads\/sites\/253\/2024\/01\/new-menu.gif\" alt=\"Animation showing how to select or create a menu in the Dashboard\" class=\"wp-image-10033\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n<p>Add items to the Menu Structure from the Pages, Posts, Custom Links, or Categories panels. To add an item, check the box next to it, then click &#8220;Add to Menu.&#8221; Drag and drop to position the item within the menu. Don&#8217;t forget to save your changes.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69fda5b945cc9&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69fda5b945cc9\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1037\" height=\"890\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.eng.ufl.edu\/marcom-dev\/wp-content\/uploads\/sites\/253\/2024\/01\/menu-add-items.gif\" alt=\"Animation showing items being added to a navigation menu\" class=\"wp-image-10049\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n<h4 class=\"wp-block-heading\" id=\"menu-customizer\">Customizer<\/h4>\n\n\n\n<p>To add or edit a menu in Customizer, choose Appearance &gt; Customize and then Menus. Select one of the existing menus to edit it, or choose the &#8220;Create a New Menu&#8221; button.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69fda5b946781&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69fda5b946781\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"289\" height=\"626\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.eng.ufl.edu\/marcom-dev\/wp-content\/uploads\/sites\/253\/2024\/01\/menu-customizer-add.gif\" alt=\"Animation of a new menu being added in Customizer\" class=\"wp-image-10059\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n<p>Select &#8220;Add items&#8221; to open the items panel, then search for and select Pages, Posts, Categories or Tags or add Custom Links. Drag and drop or select &#8220;Reorder&#8221; and use the arrows to position items. Be sure to select &#8220;Publish&#8221; to save your changes.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69fda5b947221&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69fda5b947221\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"588\" height=\"626\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.eng.ufl.edu\/marcom-dev\/wp-content\/uploads\/sites\/253\/2024\/01\/menu-customizer-items.gif\" alt=\"Animation of items being added to a menu in Customizer\" class=\"wp-image-10063\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Menu Locations<\/h3>\n\n\n\n<p>Use the check boxes under Menu Settings (in the Dashboard) or Menu Locations (in the Customizer) to choose one of the three menu locations supported by the Mercury theme:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Main Menu<\/h4>\n\n\n\n<p>The primary navigation menu for the website. Has a mega menu dropdown that goes one level deep.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Information Menu<\/h4>\n\n\n\n<p>An auxiliary menu that appears at the top right of the site next to site search. Useful for a short list of role based or other links. The title of the menu is what displays as the menu heading.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Resources Menu<\/h4>\n\n\n\n<p>A second auxiliary menu that appears at top right. Useful for quick links or another brief list of topical links. The title you give the menu is what displays as the menu heading.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"690\" src=\"https:\/\/www.eng.ufl.edu\/marcom-dev\/wp-content\/uploads\/sites\/253\/2024\/01\/menu-locations-1024x690.jpg\" alt=\"Diagram of menu locations.\" class=\"wp-image-10079\" srcset=\"https:\/\/www.eng.ufl.edu\/marcom\/wp-content\/uploads\/sites\/253\/2024\/01\/menu-locations-1024x690.jpg 1024w, https:\/\/www.eng.ufl.edu\/marcom\/wp-content\/uploads\/sites\/253\/2024\/01\/menu-locations-300x202.jpg 300w, https:\/\/www.eng.ufl.edu\/marcom\/wp-content\/uploads\/sites\/253\/2024\/01\/menu-locations-768x517.jpg 768w, https:\/\/www.eng.ufl.edu\/marcom\/wp-content\/uploads\/sites\/253\/2024\/01\/menu-locations.jpg 1485w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Section navigation The section navigation block can replace sidebar navigation menus from the 2019 HWCOE Theme. It automatically creates a menu based on page hierarchy, going downward from the current page. Section navigation is designed to be mobile device friendly and site visitors access it by selecting the Menu tab. You will need to manually [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":9989,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"page-templates\/page-sidebar-none.php","meta":{"_acf_changed":false,"inline_featured_image":false,"featured_post":"","footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-10001","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Navigation Menus - Marketing &amp; Communications<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.eng.ufl.edu\/marcom\/resources\/web-services-standards\/wordpress-help-and-how-to\/mercury\/navigation-menus\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Navigation Menus - Marketing &amp; Communications\" \/>\n<meta property=\"og:description\" content=\"Section navigation The section navigation block can replace sidebar navigation menus from the 2019 HWCOE Theme. It automatically creates a menu based on page hierarchy, going downward from the current page. Section navigation is designed to be mobile device friendly and site visitors access it by selecting the Menu tab. You will need to manually [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.eng.ufl.edu\/marcom\/resources\/web-services-standards\/wordpress-help-and-how-to\/mercury\/navigation-menus\/\" \/>\n<meta property=\"og:site_name\" content=\"Marketing &amp; Communications\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-23T20:22:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.eng.ufl.edu\/marcom-dev\/wp-content\/uploads\/sites\/253\/2024\/01\/section-nav-usage.gif\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.eng.ufl.edu\\\/marcom\\\/resources\\\/web-services-standards\\\/wordpress-help-and-how-to\\\/mercury\\\/navigation-menus\\\/\",\"url\":\"https:\\\/\\\/www.eng.ufl.edu\\\/marcom\\\/resources\\\/web-services-standards\\\/wordpress-help-and-how-to\\\/mercury\\\/navigation-menus\\\/\",\"name\":\"Navigation Menus - Marketing &amp; Communications\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.eng.ufl.edu\\\/marcom\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.eng.ufl.edu\\\/marcom\\\/resources\\\/web-services-standards\\\/wordpress-help-and-how-to\\\/mercury\\\/navigation-menus\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.eng.ufl.edu\\\/marcom\\\/resources\\\/web-services-standards\\\/wordpress-help-and-how-to\\\/mercury\\\/navigation-menus\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.eng.ufl.edu\\\/marcom-dev\\\/wp-content\\\/uploads\\\/sites\\\/253\\\/2024\\\/01\\\/section-nav-usage.gif\",\"datePublished\":\"2024-01-12T20:27:21+00:00\",\"dateModified\":\"2025-09-23T20:22:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.eng.ufl.edu\\\/marcom\\\/resources\\\/web-services-standards\\\/wordpress-help-and-how-to\\\/mercury\\\/navigation-menus\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.eng.ufl.edu\\\/marcom\\\/resources\\\/web-services-standards\\\/wordpress-help-and-how-to\\\/mercury\\\/navigation-menus\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.eng.ufl.edu\\\/marcom\\\/resources\\\/web-services-standards\\\/wordpress-help-and-how-to\\\/mercury\\\/navigation-menus\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.eng.ufl.edu\\\/marcom\\\/wp-content\\\/uploads\\\/sites\\\/253\\\/2024\\\/01\\\/section-nav-usage.gif\",\"contentUrl\":\"https:\\\/\\\/www.eng.ufl.edu\\\/marcom\\\/wp-content\\\/uploads\\\/sites\\\/253\\\/2024\\\/01\\\/section-nav-usage.gif\",\"width\":1178,\"height\":593,\"caption\":\"Animation showing usage of section navigation menu\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.eng.ufl.edu\\\/marcom\\\/resources\\\/web-services-standards\\\/wordpress-help-and-how-to\\\/mercury\\\/navigation-menus\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.eng.ufl.edu\\\/marcom\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resources\",\"item\":\"https:\\\/\\\/www.eng.ufl.edu\\\/marcom\\\/resources\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Web Services &amp; Standards\",\"item\":\"https:\\\/\\\/www.eng.ufl.edu\\\/marcom\\\/resources\\\/web-services-standards\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"WordPress Help and How-to\",\"item\":\"https:\\\/\\\/www.eng.ufl.edu\\\/marcom\\\/resources\\\/web-services-standards\\\/wordpress-help-and-how-to\\\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Mercury\",\"item\":\"https:\\\/\\\/www.eng.ufl.edu\\\/marcom\\\/resources\\\/web-services-standards\\\/wordpress-help-and-how-to\\\/\"},{\"@type\":\"ListItem\",\"position\":6,\"name\":\"Navigation Menus\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.eng.ufl.edu\\\/marcom\\\/#website\",\"url\":\"https:\\\/\\\/www.eng.ufl.edu\\\/marcom\\\/\",\"name\":\"Marketing &amp; Communications\",\"description\":\"Herbert Wertheim College of Engineering\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.eng.ufl.edu\\\/marcom\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Navigation Menus - Marketing &amp; Communications","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.eng.ufl.edu\/marcom\/resources\/web-services-standards\/wordpress-help-and-how-to\/mercury\/navigation-menus\/","og_locale":"en_US","og_type":"article","og_title":"Navigation Menus - Marketing &amp; Communications","og_description":"Section navigation The section navigation block can replace sidebar navigation menus from the 2019 HWCOE Theme. It automatically creates a menu based on page hierarchy, going downward from the current page. Section navigation is designed to be mobile device friendly and site visitors access it by selecting the Menu tab. You will need to manually [&hellip;]","og_url":"https:\/\/www.eng.ufl.edu\/marcom\/resources\/web-services-standards\/wordpress-help-and-how-to\/mercury\/navigation-menus\/","og_site_name":"Marketing &amp; Communications","article_modified_time":"2025-09-23T20:22:49+00:00","og_image":[{"url":"https:\/\/www.eng.ufl.edu\/marcom-dev\/wp-content\/uploads\/sites\/253\/2024\/01\/section-nav-usage.gif","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.eng.ufl.edu\/marcom\/resources\/web-services-standards\/wordpress-help-and-how-to\/mercury\/navigation-menus\/","url":"https:\/\/www.eng.ufl.edu\/marcom\/resources\/web-services-standards\/wordpress-help-and-how-to\/mercury\/navigation-menus\/","name":"Navigation Menus - Marketing &amp; Communications","isPartOf":{"@id":"https:\/\/www.eng.ufl.edu\/marcom\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.eng.ufl.edu\/marcom\/resources\/web-services-standards\/wordpress-help-and-how-to\/mercury\/navigation-menus\/#primaryimage"},"image":{"@id":"https:\/\/www.eng.ufl.edu\/marcom\/resources\/web-services-standards\/wordpress-help-and-how-to\/mercury\/navigation-menus\/#primaryimage"},"thumbnailUrl":"https:\/\/www.eng.ufl.edu\/marcom-dev\/wp-content\/uploads\/sites\/253\/2024\/01\/section-nav-usage.gif","datePublished":"2024-01-12T20:27:21+00:00","dateModified":"2025-09-23T20:22:49+00:00","breadcrumb":{"@id":"https:\/\/www.eng.ufl.edu\/marcom\/resources\/web-services-standards\/wordpress-help-and-how-to\/mercury\/navigation-menus\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.eng.ufl.edu\/marcom\/resources\/web-services-standards\/wordpress-help-and-how-to\/mercury\/navigation-menus\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.eng.ufl.edu\/marcom\/resources\/web-services-standards\/wordpress-help-and-how-to\/mercury\/navigation-menus\/#primaryimage","url":"https:\/\/www.eng.ufl.edu\/marcom\/wp-content\/uploads\/sites\/253\/2024\/01\/section-nav-usage.gif","contentUrl":"https:\/\/www.eng.ufl.edu\/marcom\/wp-content\/uploads\/sites\/253\/2024\/01\/section-nav-usage.gif","width":1178,"height":593,"caption":"Animation showing usage of section navigation menu"},{"@type":"BreadcrumbList","@id":"https:\/\/www.eng.ufl.edu\/marcom\/resources\/web-services-standards\/wordpress-help-and-how-to\/mercury\/navigation-menus\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.eng.ufl.edu\/marcom\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/www.eng.ufl.edu\/marcom\/resources\/"},{"@type":"ListItem","position":3,"name":"Web Services &amp; Standards","item":"https:\/\/www.eng.ufl.edu\/marcom\/resources\/web-services-standards\/"},{"@type":"ListItem","position":4,"name":"WordPress Help and How-to","item":"https:\/\/www.eng.ufl.edu\/marcom\/resources\/web-services-standards\/wordpress-help-and-how-to\/"},{"@type":"ListItem","position":5,"name":"Mercury","item":"https:\/\/www.eng.ufl.edu\/marcom\/resources\/web-services-standards\/wordpress-help-and-how-to\/"},{"@type":"ListItem","position":6,"name":"Navigation Menus"}]},{"@type":"WebSite","@id":"https:\/\/www.eng.ufl.edu\/marcom\/#website","url":"https:\/\/www.eng.ufl.edu\/marcom\/","name":"Marketing &amp; Communications","description":"Herbert Wertheim College of Engineering","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.eng.ufl.edu\/marcom\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/pages\/10001","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/comments?post=10001"}],"version-history":[{"count":1,"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/pages\/10001\/revisions"}],"predecessor-version":[{"id":12019,"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/pages\/10001\/revisions\/12019"}],"up":[{"embeddable":true,"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/pages\/9989"}],"wp:attachment":[{"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/media?parent=10001"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}