{"id":28801,"date":"2023-08-04T12:00:00","date_gmt":"2023-08-04T09:00:00","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=28801"},"modified":"2025-11-30T15:10:01","modified_gmt":"2025-11-30T13:10:01","slug":"creating-a-menu-with-the-hello-theme-customizer","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/creating-a-menu-with-the-hello-theme-customizer\/","title":{"rendered":"Create a menu using the Customizer"},"content":{"rendered":"\n

Introduction<\/h2>\n\n\n\n

Menus are a part of almost every website, giving your visitors easy access to all the different parts of your site. One way of create a menu for your site is through your theme’s customizer. <\/p>\n\n\n\n

This tutorial will walk you through the process of adding pages, posts, and other site content to your navigation menu. In this case we’ll be using Elementor’s Hello Theme customizer. If you’re using another theme, you may need to refer to that theme’s documentation. <\/p>\n\n\n\n

[callout type=”note”]Check out the Elementor Menu widget for a streamlined way to create menus and mega menus. For more details, see Menu widget<\/a>.[\/callout]<\/p>\n\n\n\n

Getting Started<\/h2>\n\n\n\n
    \n
  1. From WP Admin, navigate to Appearance>Customize<\/strong>.
    \"\"<\/li>\n\n\n\n
  2. Click Menus<\/strong>.
    \"\"<\/li>\n\n\n\n
  3. Click Create New Menu<\/strong>.<\/li>\n\n\n\n
  4. <\/li>\n\n\n\n
  5. <\/li>\n\n\n\n
  6. Name your new menu (example: Primary) and toggle the menu location.

    <\/li>\n\n\n\n
  7. Click the Add Items<\/strong> button. A panel will expand showing the available items to add to your menu. Add your newly imported Elementor Pages.
    <\/li>\n\n\n\n
  8. You will now have these pages in your menu. You may click and drag to reorder them as desired.

    <\/li>\n\n\n\n
  9. You can also add Categories<\/strong> or other content related to your Kit by expanding the items.
    <\/li>\n\n\n\n
  10. Create Sub-Menus by dragging the items under a parent item so they are slightly indented.<\/li>\n\n\n\n
  11. Set the Menu Location<\/strong> primary and publish your menu.<\/li>\n<\/ol>\n\n\n\n
    \"\"\/<\/figure>\n\n\n\n

    Assign Menu To The Nav Menu Widget<\/h2>\n\n\n\n

    You may now also need to assign your new menu to the Nav Menu<\/strong> widget. To do this, edit your Header<\/strong> template in the Theme Builder<\/strong>. From the Menu selector field, choose your newly created menu to assign it to the widget.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Note: If your Footer template uses a Nav Menu widget, you may use the steps above to create and assign an additional menu(s)to be used.<\/p>\n\n\n\n

    Note<\/strong>: Learn more about the Navigation Widget here<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Introduction Menus are a part of almost every website, giving your visitors easy access to all the different parts of your site. One way of create a menu for your site is through your theme’s customizer. This tutorial will walk you through the process of adding pages, posts, and other site content to your navigation […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["62c6c4b8978bec574065ed63","62c6c4b8978bec574065ed63"],"footnotes":""},"categories":[1446],"tags":[1389,1388,1387,1390,1398,1235],"class_list":["post-28801","post","type-post","status-publish","format-standard","hentry","category-menus","tag-advanced","tag-agency","tag-essential","tag-expert","tag-legacy-essential","tag-pro"],"acf":[],"yoast_head":"\nCreate a menu using the Customizer | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Create a menu using the Customizer in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/creating-a-menu-with-the-hello-theme-customizer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create a menu using the Customizer | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Create a menu using the Customizer in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/creating-a-menu-with-the-hello-theme-customizer\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-04T09:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-30T13:10:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Navigate-Appearance-Customize.png\" \/>\n\t<meta property=\"og:image:width\" content=\"334\" \/>\n\t<meta property=\"og:image:height\" content=\"618\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/creating-a-menu-with-the-hello-theme-customizer\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/creating-a-menu-with-the-hello-theme-customizer\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"Create a menu using the Customizer\",\"datePublished\":\"2023-08-04T09:00:00+00:00\",\"dateModified\":\"2025-11-30T13:10:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/creating-a-menu-with-the-hello-theme-customizer\/\"},\"wordCount\":318,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/creating-a-menu-with-the-hello-theme-customizer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Navigate-Appearance-Customize.png\",\"keywords\":[\"Advanced\",\"Agency\",\"Essential\",\"Expert\",\"Legacy Essential\",\"Pro\"],\"articleSection\":[\"Menus\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/creating-a-menu-with-the-hello-theme-customizer\/\",\"url\":\"https:\/\/elementor.com\/help\/creating-a-menu-with-the-hello-theme-customizer\/\",\"name\":\"Create a menu using the Customizer | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/creating-a-menu-with-the-hello-theme-customizer\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/creating-a-menu-with-the-hello-theme-customizer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Navigate-Appearance-Customize.png\",\"datePublished\":\"2023-08-04T09:00:00+00:00\",\"dateModified\":\"2025-11-30T13:10:01+00:00\",\"description\":\"Learn everything about Create a menu using the Customizer in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/creating-a-menu-with-the-hello-theme-customizer\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/creating-a-menu-with-the-hello-theme-customizer\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/creating-a-menu-with-the-hello-theme-customizer\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Navigate-Appearance-Customize.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Navigate-Appearance-Customize.png\",\"width\":334,\"height\":618},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/creating-a-menu-with-the-hello-theme-customizer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Menus\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/menus\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Create a menu using the Customizer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Create a menu using the Customizer | Elementor","description":"Learn everything about Create a menu using the Customizer in this article from Elementor's Knowledge Base. Get Elementor tips & more.","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:\/\/elementor.com\/help\/creating-a-menu-with-the-hello-theme-customizer\/","og_locale":"en_US","og_type":"article","og_title":"Create a menu using the Customizer | Elementor","og_description":"Learn everything about Create a menu using the Customizer in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/creating-a-menu-with-the-hello-theme-customizer\/","og_site_name":"Help","article_published_time":"2023-08-04T09:00:00+00:00","article_modified_time":"2025-11-30T13:10:01+00:00","og_image":[{"width":334,"height":618,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Navigate-Appearance-Customize.png","type":"image\/png"}],"author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/creating-a-menu-with-the-hello-theme-customizer\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/creating-a-menu-with-the-hello-theme-customizer\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"Create a menu using the Customizer","datePublished":"2023-08-04T09:00:00+00:00","dateModified":"2025-11-30T13:10:01+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/creating-a-menu-with-the-hello-theme-customizer\/"},"wordCount":318,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/creating-a-menu-with-the-hello-theme-customizer\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Navigate-Appearance-Customize.png","keywords":["Advanced","Agency","Essential","Expert","Legacy Essential","Pro"],"articleSection":["Menus"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/creating-a-menu-with-the-hello-theme-customizer\/","url":"https:\/\/elementor.com\/help\/creating-a-menu-with-the-hello-theme-customizer\/","name":"Create a menu using the Customizer | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/creating-a-menu-with-the-hello-theme-customizer\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/creating-a-menu-with-the-hello-theme-customizer\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Navigate-Appearance-Customize.png","datePublished":"2023-08-04T09:00:00+00:00","dateModified":"2025-11-30T13:10:01+00:00","description":"Learn everything about Create a menu using the Customizer in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/creating-a-menu-with-the-hello-theme-customizer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/creating-a-menu-with-the-hello-theme-customizer\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/creating-a-menu-with-the-hello-theme-customizer\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Navigate-Appearance-Customize.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Navigate-Appearance-Customize.png","width":334,"height":618},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/creating-a-menu-with-the-hello-theme-customizer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/"},{"@type":"ListItem","position":3,"name":"Menus","item":"https:\/\/elementor.com\/help\/elementor-editor\/menus\/"},{"@type":"ListItem","position":4,"name":"Create a menu using the Customizer"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/28801","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=28801"}],"version-history":[{"count":5,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/28801\/revisions"}],"predecessor-version":[{"id":157007,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/28801\/revisions\/157007"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=28801"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=28801"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=28801"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}