--- title: How to set up your navigation menus description: Learn how to create and manage navigation menus in the Awwal Blog Theme. Step-by-step guide to adding links, submenus, and customizing your website's menu structure. image: https://documentation.awwaldesign.com/hubfs/Google%20Drive%20Integration/How%20to%20Change%20the%20Font%20Family%20in%20your%20Templates.jpeg --- [![logo](https://documentation.awwaldesign.com/hs-fs/hubfs/logo.png?width=72&height=44&name=logo.png "logo")](https://awwaldesign.com/) - Listing pages - [Single Column](https://templates.awwaldesign.com/ad-blog-single-column) - [Two Column](https://templates.awwaldesign.com/ad-blog-two-column) - [Three Column](https://templates.awwaldesign.com/ad-blog-three-column) - [Horizontal Style](https://templates.awwaldesign.com/ad-blog-horizontal-style) - [With Sidebar](https://templates.awwaldesign.com/ad-blog-with-sidebar) - [Listing with Simple Hero Option](https://templates.awwaldesign.com/ad-blog-listing-option-two) - [Listing with Popular Post Swiper](https://templates.awwaldesign.com/ad-blog-listing-option-three) - Post pages - [Post page](https://templates.awwaldesign.com/ad-blog-single-column/unlocking-potential-the-power-of-coaching-in-empowering-your-employees) - [Post page with sidebar](https://templates.awwaldesign.com/ad-blog-with-sidebar/office-vs.-home-the-pros-and-cons-of-working-in-different-environments) - [Blog Post Style 2](https://templates.awwaldesign.com/ad-blog-three-column/office-vs.-home-the-pros-and-cons-of-working-in-different-environments) - [Blog Post Style 2 with Sidebar](https://templates.awwaldesign.com/ad-blog-horizontal-style/designing-the-future-innovative-architecture-for-a-changing-world) - System Pages - [404 page](https://3067823.hubspotpreview-na1.com/_hcms/preview/template/multi?domain=undefined&hs_preview_key=olbEMd5l60dX91Y-P7v5Ow&portalId=3067823&tc_deviceCategory=undefined&template_file_path=AD-Theme%2FBlog%20theme%20by%20awwal%20design%2Ftemplates%2Fsystem%2F404.html&updated=1680759056647) - [500 page](https://3067823.hubspotpreview-na1.com/_hcms/preview/template/multi?domain=undefined&hs_preview_key=qpLpaucv8iqgYJwdXcqLjw&portalId=3067823&tc_deviceCategory=undefined&template_file_path=AD-Theme%2FBlog%20theme%20by%20awwal%20design%2Ftemplates%2Fsystem%2F500.html&updated=1680759069742) - [Search result page](https://templates.awwaldesign.com/search-result-page?term=awwal&type=BLOG_POST) - [Email backup unsubscribe page](https://3067823.hubspotpreview-na1.com/_hcms/preview/template/multi?domain=undefined&hs_preview_key=pIHFrQquYtNBHUWLKeqb5A&portalId=3067823&tc_deviceCategory=undefined&template_file_path=AD-Theme%2FAwwal%20Blog%20Theme%2Ftemplates%2Fsystem%2FAwwal%20-%20Email%20backup%20unsubscribe%20page.html&updated=1681624857047) - [Email subscriptions preference page](https://3067823.hubspotpreview-na1.com/_hcms/preview/template/multi?domain=undefined&hs_preview_key=aiSIXOdQbXkWoELSt0VeBQ&portalId=3067823&tc_deviceCategory=undefined&template_file_path=AD-Theme%2FAwwal%20Blog%20Theme%2Ftemplates%2Fsystem%2FAwwal%20-%20Email%20Subscription%20preferences%20page.html&updated=1681624863601) - [Email subscriptions confirmation page](https://3067823.hubspotpreview-na1.com/_hcms/preview/template/multi?domain=undefined&hs_preview_key=968fXOPCZcHe1qDBduJkFA&portalId=3067823&tc_deviceCategory=undefined&template_file_path=AD-Theme%2FAwwal%20Blog%20Theme%2Ftemplates%2Fsystem%2FAwwal%20-%20Subscription%20Confirmation%20Page.html&updated=1681621623610) - [Password prompt page](https://3067823.hubspotpreview-na1.com/_hcms/preview/template/multi?domain=undefined&hs_preview_key=ZIYiQQ87G9MtXBLzMsbB2A&portalId=3067823&tc_deviceCategory=undefined&template_file_path=AD-Theme%2FAwwal%20Blog%20Theme%2Ftemplates%2Fsystem%2FAwwal%20-%20Password%20Prompt%20Page.html&updated=1681624851432) - Landing Pages - [Multi purpose LP](https://templates.awwaldesign.com/ad-multipurpose-landing-page) - [eBook Landing Page](https://templates.awwaldesign.com/ebook-landing-page) - [Minimal eBook Landing Page](https://templates.awwaldesign.com/minimal-ebook-landing-page) - [Thank you page](https://templates.awwaldesign.com/thank-you-page) - [Subscription Page](https://awwaldesign.com/subscribe-to-awwal-blog) - [Documentation](https://documentation.awwaldesign.com/awwal-blog-theme) [Buy Now](https://app.hubspot.com/ecosystem/3067823/marketplace/website/awwal-blog-theme-by-awwal-design) ## What are you looking for? [Back](https://documentation.awwaldesign.com/awwal-blog-theme) # How to set up your navigation menus Created By Safwan Shaikh Last Modified on: 1 Oct, 2024 If you haven't set up your site's navigation menus yet then follow the step below. #### **Step 1)** In your HubSpot portal, click the **Settings** icon in the main navigation bar. ![Settings](https://documentation.awwaldesign.com/hs-fs/hubfs/Documentation/Awwal%20Blog%20Theme/Settings.jpg?width=643&height=294&name=Settings.jpg) #### **Step 2)** In the left sidebar menu, go to **Website** > **Navigation**.  ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/43153608444/original/0xaDyM7GADJke5rhKcHoGYRFB2xpkh64fw.png?1598694735) #### **Step 3)** Click the dropdown menu to select an existing menu to update or create a new one. To create a new menu, click **+ Add menu**. ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/43153608655/original/PhfRrJwcdUkLQr7MdROTLZoNbAfcIUsBWg.png?1598694974) You've created your new menu! Now let's add some links to it. #### **Step 4)** To add links to your menu, simply click the **Add menu Item** button.   ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/43153609010/original/WIT4gSYruIVE97u_PCGNPXx8ksqtDGawhg.png?1598695248)   You can add a few types of links — choose whatever suits you the best. - **Add item without link:** adds another item to your menu that doesn't link to an existing page. This is often used as a placeholder for child menu items. - **Add page link:** adds a menu item that links to a specific HubSpot page. - **Add Page link with URL parameter:** adds a menu item that links to a specific HubSpot page. With this option, you can type to enter the exact URL of the page you want. - **Add URL link:** adds a menu item that links to an external URL. #### **Step 5)** Once the item has been added — Add a label on the left side and add a URL on the right side or select the internal page. ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/43153609846/original/moU381P_G-Q1i1xSAIkEbewOznLXLEMtPg.png?1598695885)   **Some helpful tips:** - You can drag and drop items to rearrange your menu. - To create a submenu (drop-down menu or flyout submenu) hover over the right side of an existing item and click **Actions** > **Add child item below**. This will create a submenu.   Once you've added all your links, simply click **Publish **and you've successfully created your first menu!   > Follow this article to learn how to add this menu to your blog template > > ▶ [How to add or edit the navigation menu in your header](https://documentation.awwaldesign.com/awwal-blog-theme/how-to-add-or-edit-the-navigation-menu-in-your-header) ### Didn’t find what you were looking for? Feel free to reach out and we’ll get back to you! [![awwal-logo-white](https://documentation.awwaldesign.com/hubfs/awwal-logo-white.svg "awwal-logo-white")](https://awwaldesign.com/) Write a brief description of your company or services here. keep it short but make it interesting enough to make user want more. Important Links - Home - Services - About Us - Blog - Contact Us - Get Started [123 456 7890](tel:123%20456%207890) [123 456 7890](tel:123%20456%207890) [123 456 7890](tel:123%20456%207890) Copyright @ 2023. All Right Reserved. Made with love by [Awwal Design](https://awwaldesign.com/) - - - ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Safwan Shaikh", "url" : "https://documentation.awwaldesign.com/awwal-blog-theme/author/safwan-shaikh" }, "dateModified" : "2025-02-16T11:57:06.451Z", "datePublished" : "2023-04-11T12:51:46.000Z", "headline" : "How to set up your navigation menus", "image" : [ "https://documentation.awwaldesign.com/hubfs/Google%20Drive%20Integration/How%20to%20Change%20the%20Font%20Family%20in%20your%20Templates.jpeg" ], "mainEntityOfPage" : { "@id" : "https://documentation.awwaldesign.com/awwal-blog-theme/how-to-set-up-your-navigation-menus", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://documentation.awwaldesign.com/hubfs/awwal-logo-2.svg" }, "name" : "Awwal Design" } } ```