{"id":7233,"date":"2024-02-14T09:14:56","date_gmt":"2024-02-14T03:44:56","guid":{"rendered":"https:\/\/www.wpelemento.com\/?p=7233"},"modified":"2024-02-14T18:41:53","modified_gmt":"2024-02-14T13:11:53","slug":"custom-menu-in-wordpress-themes","status":"publish","type":"post","link":"https:\/\/preview.wpelemento.com\/old_website\/custom-menu-in-wordpress-themes\/","title":{"rendered":"Custom Menu in WordPress Themes: Why You Need a Custom Menu and How to Create One"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7233\" class=\"elementor elementor-7233\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-a3add81 elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-column-none ct-row-scroll-none ct-row-gradient--none\" data-id=\"a3add81\" data-element_type=\"section\">\n            \n                        <div class=\"elementor-container elementor-column-gap-default \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-96c945b ct-column-none\" data-id=\"96c945b\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-96cc711 elementor-widget elementor-widget-text-editor\" data-id=\"96cc711\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 26-05-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p><span style=\"font-weight: 400;\">Whether you are creating a website that serves food or you are creating an e-commerce store, you will need to display your menu on your website\/store. The menu in WordPress themes\/websites plays an important role as it allows you to navigate between different pages on your website.\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\">One of the most versatile features of WordPress is the custom menu. This tool allows you to create a unique navigation menu for your website that can be used in conjunction with your theme\u2019s existing menu or as a standalone menu.\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\">The custom menu is a great way to optimize your website\u2019s navigation and improve the user experience for your visitors.<\/span><\/p><p><span style=\"font-weight: 400;\">Here, we will explore why there is a need for creating a custom Menu in WordPress Themes in detail, how it can be created and used effectively, and what great features it can offer to the end user while still being useful to the designer, developer, or blogger.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-cb552ac elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-column-none ct-row-scroll-none ct-row-gradient--none\" data-id=\"cb552ac\" data-element_type=\"section\">\n            \n                        <div class=\"elementor-container elementor-column-gap-default \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-15ccf15 ct-column-none\" data-id=\"15ccf15\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-95ce23e elementor-widget elementor-widget-heading\" data-id=\"95ce23e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 26-05-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">What Is Custom Menu?\u200b<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-f740d18 elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-column-none ct-row-scroll-none ct-row-gradient--none\" data-id=\"f740d18\" data-element_type=\"section\">\n            \n                        <div class=\"elementor-container elementor-column-gap-default \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1f3dad6 ct-column-none\" data-id=\"1f3dad6\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-f5a5973 elementor-widget elementor-widget-text-editor\" data-id=\"f5a5973\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">When you create a WordPress website, you have the option to use a custom menu. Custom menus are a way to tailor the navigation menus on your site to meet the specific needs of your business or website.\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\">Custom Menu is a feature introduced with WordPress 3.0. It allows you to create menus of custom links for your website. These links can point to anything, including pages, posts, custom post types, taxonomies, and even external URLs.\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\">The Custom Menus feature allows you to easily add, remove, and rearrange menu items. You can also choose to automatically add new pages and categories to your menus as they are created.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-c900299 elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-column-none ct-row-scroll-none ct-row-gradient--none\" data-id=\"c900299\" data-element_type=\"section\">\n            \n                        <div class=\"elementor-container elementor-column-gap-default \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c9c0915 ct-column-none\" data-id=\"c9c0915\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-2505ed4 elementor-widget elementor-widget-heading\" data-id=\"2505ed4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Benefits Of A Custom Menu In WordPress Themes?\u200b<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-a71801c elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-column-none ct-row-scroll-none ct-row-gradient--none\" data-id=\"a71801c\" data-element_type=\"section\">\n            \n                        <div class=\"elementor-container elementor-column-gap-default \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1a3b9ff ct-column-none\" data-id=\"1a3b9ff\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-2afd790 elementor-widget elementor-widget-text-editor\" data-id=\"2afd790\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Adding a custom menu to your WordPress theme can be a great way to improve the usability of your site and make it more user-friendly. A custom menu can be used to add links to important pages on your site, such as your contact page, About Us page, or Sitemap. It can also be used to add links to external sites, such as your social media profiles or your company\u2019s website.\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\">A custom menu can also be used to add features to your sites, such as a search box, a shopping cart, or a contact form. In addition, a custom menu can be used to change the look of your site, such as by adding a new background image or by changing the color scheme. Read our blog on <a href=\"https:\/\/www.wpelemento.com\/wordpress-menu-title-attribute\/\" target=\"_blank\" rel=\"noopener\">WordPress Menu Title Attribute<\/a>, which provides detailed guidance on how to effectively utilize this feature within your custom menu, enhancing the accessibility and functionality of your WordPress theme.\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\">Here are the quick benefits of using custom menus on your website,<\/span><\/p><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Improved navigation and usability<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Increased control over the structure of your website<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The ability to group together similar pages<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The ability to highlight popular pages<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The ability to create a hierarchical structure for your pages<\/span><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-7dccd8b elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-column-none ct-row-scroll-none ct-row-gradient--none\" data-id=\"7dccd8b\" data-element_type=\"section\">\n            \n                        <div class=\"elementor-container elementor-column-gap-default \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fdcfa5b ct-column-none\" data-id=\"fdcfa5b\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-2fb35c5 elementor-widget elementor-widget-heading\" data-id=\"2fb35c5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How To Create Custom Menu In WordPress Themes? \u200b<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-9f50f1f elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-column-none ct-row-scroll-none ct-row-gradient--none\" data-id=\"9f50f1f\" data-element_type=\"section\">\n            \n                        <div class=\"elementor-container elementor-column-gap-default \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0a00d3e ct-column-none\" data-id=\"0a00d3e\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-66ac0bf elementor-widget elementor-widget-text-editor\" data-id=\"66ac0bf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Let&#8217;s explore three different methods for creating a custom menu in WordPress themes. These methods are:<\/span><\/p><ol><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Using the WordPress Menu System<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Using a Custom Menu Plugin<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Adding Custom Code to Your Theme<\/span><\/li><\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-7173db8 elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-column-none ct-row-scroll-none ct-row-gradient--none\" data-id=\"7173db8\" data-element_type=\"section\">\n            \n                        <div class=\"elementor-container elementor-column-gap-default \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-20e1efb ct-column-none\" data-id=\"20e1efb\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-2974c7b elementor-widget elementor-widget-heading\" data-id=\"2974c7b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Custom Menu Using the WordPress Menu System\u200b<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-9b16e88 elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-column-none ct-row-scroll-none ct-row-gradient--none\" data-id=\"9b16e88\" data-element_type=\"section\">\n            \n                        <div class=\"elementor-container elementor-column-gap-default \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4e726ce ct-column-none\" data-id=\"4e726ce\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-fcbeb2d elementor-widget elementor-widget-text-editor\" data-id=\"fcbeb2d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">WordPress comes with a built-in menu system that allows you to create custom menus for your website. You can use these menus to add links to your pages, posts, categories, and other custom URLs. Creating custom menus in WordPress is very easy.<\/span><\/p><p><span style=\"font-weight: 400;\">Once you installed and activated any theme whether it is free or premium, now you are ready to create your custom menu. To create a custom menu, you need to log into your WordPress dashboard. From there, you need to go to the \u2018Appearance\u2019 tab and then click on the \u2018Menus\u2019 option.\u00a0<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-94096ba elementor-widget elementor-widget-image\" data-id=\"94096ba\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 26-05-2024 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1200\" height=\"600\" src=\"https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/go-to-appearance-and-click-on-menus.png\" class=\"attachment-full size-full wp-image-12332\" alt=\"go-to-appearance-and click-on-menus\" srcset=\"https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/go-to-appearance-and-click-on-menus.png 1200w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/go-to-appearance-and-click-on-menus-600x300.png 600w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/go-to-appearance-and-click-on-menus-64x32.png 64w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/go-to-appearance-and-click-on-menus-300x150.png 300w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/go-to-appearance-and-click-on-menus-1024x512.png 1024w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/go-to-appearance-and-click-on-menus-150x75.png 150w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/go-to-appearance-and-click-on-menus-768x384.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4cbd34b elementor-widget elementor-widget-text-editor\" data-id=\"4cbd34b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">On the next screen, you can create a new menu or edit an existing one. On the Left side, you will find the option to \u201cAdd menu items\u201d and the option to \u201cMenu structure sections\u201d. In the Add menu item section, you can add sample pages, posts, categories, and even a custom link. Custom links will help you to navigate your user to any particular blog, pages like plan and pricing, or even the external link.\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\">Once you have selected the custom Items it will automatically move to the Menu structure menu where you can manage the sequence menu by drag and drop. Here you will also get to rearrange the sequence in bulk.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a594235 elementor-widget elementor-widget-image\" data-id=\"a594235\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1200\" height=\"600\" src=\"https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/add-menu-items-and-menu-structure.png\" class=\"attachment-full size-full wp-image-12333\" alt=\"\" srcset=\"https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/add-menu-items-and-menu-structure.png 1200w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/add-menu-items-and-menu-structure-600x300.png 600w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/add-menu-items-and-menu-structure-64x32.png 64w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/add-menu-items-and-menu-structure-300x150.png 300w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/add-menu-items-and-menu-structure-1024x512.png 1024w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/add-menu-items-and-menu-structure-150x75.png 150w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/add-menu-items-and-menu-structure-768x384.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d16ad3 elementor-widget elementor-widget-text-editor\" data-id=\"1d16ad3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Lastly, don\u2019t forget to click on the \u2018Save Menu\u2019 button to store your changes.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a1c8bc elementor-widget elementor-widget-image\" data-id=\"9a1c8bc\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1200\" height=\"600\" src=\"https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/save-menu.png\" class=\"attachment-full size-full wp-image-12334\" alt=\"save-menu\" srcset=\"https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/save-menu.png 1200w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/save-menu-600x300.png 600w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/save-menu-64x32.png 64w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/save-menu-300x150.png 300w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/save-menu-1024x512.png 1024w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/save-menu-150x75.png 150w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/save-menu-768x384.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-4839960 elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-column-none ct-row-scroll-none ct-row-gradient--none\" data-id=\"4839960\" data-element_type=\"section\">\n            \n                        <div class=\"elementor-container elementor-column-gap-default \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-383f651 ct-column-none\" data-id=\"383f651\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-823666f elementor-widget elementor-widget-heading\" data-id=\"823666f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Custom Menu in WordPress Using a Custom Menu Plugin\u200b<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-87ee371 elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-column-none ct-row-scroll-none ct-row-gradient--none\" data-id=\"87ee371\" data-element_type=\"section\">\n            \n                        <div class=\"elementor-container elementor-column-gap-default \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d734eb9 ct-column-none\" data-id=\"d734eb9\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-bbbfc3b elementor-widget elementor-widget-text-editor\" data-id=\"bbbfc3b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">There are some drawbacks to creating Custom Menu Using the WordPress Menu System. First, it is not possible to add <a href=\"https:\/\/www.wpelemento.com\/elementor-custom-css\/\" target=\"_blank\" rel=\"noopener\">Elementor custom CSS<\/a> to your menu. This means that you will not be able to style your menu to match your theme. Additionally, the WordPress Menu System does not allow you to add sub-menus. This can be a problem if you want to add a lot of items to your menu. Finally, the WordPress Menu System does not work well with mobile devices. This is because the menu is not responsive and can be difficult to navigate on a small screen.<\/span><\/p><p><span style=\"font-weight: 400;\">Luckily, there\u2019s a solution for that \u2013 you can simply install a custom menu plugin!<\/span><\/p><p><span style=\"font-weight: 400;\">A custom menu plugin is a WordPress plugin that enables you to create, edit, and delete menus on your WordPress site. There is a lot of custom menu plugins available for WordPress like the Max mega menu, WordPress mega menu, sticky menu, admin menu editor, and more.<\/span><\/p><p><span style=\"font-weight: 400;\">Max mega menu and admin menu editor are the most popular menu editors available in the WordPress plugins library. Both have 40K+ active installations which mean there are lots of people using these plugins to create and customize their menus in WordPress themes. Max mega menu will help you to automatically convert your existing menu in the WordPress theme into a mega menu. And you are able to customize the font style, menu items, alignment, search box, and the transition of your menu. It also supports a sticky menu where you can freeze your menu to a header. And if you are concerned about whether it works well with the WooCommerce store then you don\u2019t have to worry about it as it works perfectly well with WooCommerce.<\/span><\/p><p><span style=\"font-weight: 400;\">On the other hand, an admin menu editor is also a good option. It allows you to customize your menu and its sub-menu with a few drags and drops. It also provides shortcodes to add the same with coding. You set different layouts as per your requirements and you can even hide\/show different menu items for various situations like specific countries, etc.\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\">There are lots of website page builder plugins like SeedProd, Elementor, Beaver Builder, etc. which also can be used to create your custom menu in WordPress theme.<\/span><\/p><p><span style=\"font-weight: 400;\">If you are using WP Elemento Themes then we would recommend using Elementor Plugins as the themes you are getting on WP Elemento are Elementor-optimized <a href=\"https:\/\/www.wpelemento.com\/top-wordpress-themes\/\" target=\"_blank\" rel=\"noopener\">t<span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Top WordPress Themes&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:33575913,&quot;3&quot;:{&quot;1&quot;:0},&quot;6&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;8&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;9&quot;:1,&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;ABeeZee&quot;,&quot;17&quot;:1,&quot;28&quot;:1}\">op WordPress themes<\/span><\/a>. That means you can easily customize every section of the theme with Elementor including the menu.<\/span><\/p><p><span style=\"font-weight: 400;\">Steps To Create and Customize Custom menu with Elementor,<\/span><\/p><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Log In to your WordPress Admin panel<\/span><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19f057a elementor-widget elementor-widget-image\" data-id=\"19f057a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"600\" src=\"https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/login-to-wordpress-admin-panel.png\" class=\"attachment-full size-full wp-image-12338\" alt=\"login-to-wordpress-admin-panel\" srcset=\"https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/login-to-wordpress-admin-panel.png 1200w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/login-to-wordpress-admin-panel-600x300.png 600w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/login-to-wordpress-admin-panel-64x32.png 64w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/login-to-wordpress-admin-panel-300x150.png 300w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/login-to-wordpress-admin-panel-1024x512.png 1024w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/login-to-wordpress-admin-panel-150x75.png 150w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/login-to-wordpress-admin-panel-768x384.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ccb64e4 elementor-widget elementor-widget-text-editor\" data-id=\"ccb64e4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Go to Elementor Customizer Option<\/span><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7818f6a elementor-widget elementor-widget-image\" data-id=\"7818f6a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"600\" src=\"https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/go-to-elementor-customizer-option.png\" class=\"attachment-full size-full wp-image-12339\" alt=\"\" srcset=\"https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/go-to-elementor-customizer-option.png 1200w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/go-to-elementor-customizer-option-600x300.png 600w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/go-to-elementor-customizer-option-64x32.png 64w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/go-to-elementor-customizer-option-300x150.png 300w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/go-to-elementor-customizer-option-1024x512.png 1024w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/go-to-elementor-customizer-option-150x75.png 150w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/go-to-elementor-customizer-option-768x384.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60a0292 elementor-widget elementor-widget-text-editor\" data-id=\"60a0292\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">There You will find the menu section, click on the menu<\/span><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8265514 elementor-widget elementor-widget-image\" data-id=\"8265514\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"600\" src=\"https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/click-on-menu.png\" class=\"attachment-full size-full wp-image-12341\" alt=\"click-on-menu\" srcset=\"https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/click-on-menu.png 1200w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/click-on-menu-600x300.png 600w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/click-on-menu-64x32.png 64w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/click-on-menu-300x150.png 300w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/click-on-menu-1024x512.png 1024w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/click-on-menu-150x75.png 150w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/click-on-menu-768x384.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5a3e00 elementor-widget elementor-widget-text-editor\" data-id=\"b5a3e00\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Here, you can create a custom menu with a page, post, category, and links.<\/span><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26d82cd elementor-widget elementor-widget-image\" data-id=\"26d82cd\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"600\" src=\"https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/create-a-custom-menu.png\" class=\"attachment-full size-full wp-image-12340\" alt=\"\" srcset=\"https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/create-a-custom-menu.png 1200w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/create-a-custom-menu-600x300.png 600w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/create-a-custom-menu-64x32.png 64w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/create-a-custom-menu-300x150.png 300w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/create-a-custom-menu-1024x512.png 1024w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/create-a-custom-menu-150x75.png 150w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/create-a-custom-menu-768x384.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-932ec55 elementor-widget elementor-widget-text-editor\" data-id=\"932ec55\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Once you are done with it, simply click the publish button to live it.<\/span><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5ef20f0 elementor-widget elementor-widget-image\" data-id=\"5ef20f0\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"600\" src=\"https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/click-on-publish.png\" class=\"attachment-full size-full wp-image-12342\" alt=\"\" srcset=\"https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/click-on-publish.png 1200w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/click-on-publish-600x300.png 600w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/click-on-publish-64x32.png 64w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/click-on-publish-300x150.png 300w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/click-on-publish-1024x512.png 1024w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/click-on-publish-150x75.png 150w, https:\/\/preview.wpelemento.com\/old_website\/wp-content\/uploads\/2023\/06\/click-on-publish-768x384.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a5bec80 elementor-widget elementor-widget-text-editor\" data-id=\"a5bec80\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">One of the benefits of creating a custom menu in a WordPress theme with Elementor is, you can see the live edits beside the customizer.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-4ad5354 elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-column-none ct-row-scroll-none ct-row-gradient--none\" data-id=\"4ad5354\" data-element_type=\"section\">\n            \n                        <div class=\"elementor-container elementor-column-gap-default \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d33720e ct-column-none\" data-id=\"d33720e\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-1ad712d elementor-widget elementor-widget-heading\" data-id=\"1ad712d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Custom Menu In WordPress By Adding Custom Code To Your Theme\u200b<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-3f2c1cc elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-column-none ct-row-scroll-none ct-row-gradient--none\" data-id=\"3f2c1cc\" data-element_type=\"section\">\n            \n                        <div class=\"elementor-container elementor-column-gap-default \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-40feb04 ct-column-none\" data-id=\"40feb04\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-0040589 elementor-widget elementor-widget-text-editor\" data-id=\"0040589\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">One of the great things about using WordPress as your website\u2019s content management system is the huge amount of customization options available. This includes the ability to create a custom menu in WordPress that is tailored to your specific needs.\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\">The process of creating a custom menu involves adding some custom code to your WordPress theme. This can be done by either modifying the existing code or creating a new file. The process is relatively simple and only requires a basic understanding of HTML and CSS.<\/span><\/p><p><span style=\"font-weight: 400;\">First, you need to create a file called menu.php in your theme folder. You can do this by using a text editor such as Notepad++ or Sublime Text.<\/span><\/p><p><span style=\"font-weight: 400;\">Next, you need to copy and paste the following code into your menu.php file:<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b037a0a elementor-widget elementor-widget-text-editor\" data-id=\"b037a0a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">function wpb_custom_new_menu() { register_nav_menus(<\/span><\/p><p><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0array(<\/span><\/p><p><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&#8216;my-custom-menu&#8217; =&gt; __( &#8216;My Custom Menu&#8217; ),<\/span><\/p><p><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&#8216;extra-menu&#8217; =&gt; __( &#8216;Extra Menu&#8217; )<\/span><\/p><p><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0)<\/span><\/p><p><span style=\"font-weight: 400;\">\u00a0\u00a0);<\/span><\/p><p><span style=\"font-weight: 400;\">}<\/span><\/p><p><span style=\"font-weight: 400;\">add_action( &#8216;init&#8217;, &#8216;wpb_custom_new_menu&#8217; );<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3518345 elementor-widget elementor-widget-text-editor\" data-id=\"3518345\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">This code will register a new menu called \u201cMy Custom Menu\u201d.<\/span><\/p><p><span style=\"font-weight: 400;\">Next, you need to add the following code to your header.php file:<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ddbd2b3 elementor-widget elementor-widget-text-editor\" data-id=\"ddbd2b3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">wp_nav_menu(array(&#8216;theme_location&#8217;=&gt;&#8217;my-custom-menu&#8217;, &#8216;container_class&#8217;=&gt;&#8217;custom-menu-class&#8217; ) );<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d73671a elementor-widget elementor-widget-text-editor\" data-id=\"d73671a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Once done, click on upload files. Now when you visit the WordPress admin panel you can see the custom menu in action. But it is a plain menu with some bullets. You need to style it as per your requirement.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-6b9d5ba elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-column-none ct-row-scroll-none ct-row-gradient--none\" data-id=\"6b9d5ba\" data-element_type=\"section\">\n            \n                        <div class=\"elementor-container elementor-column-gap-default \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5edd7e0 ct-column-none\" data-id=\"5edd7e0\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-7ba89da elementor-widget elementor-widget-heading\" data-id=\"7ba89da\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Conclusion: \u200b<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-d02409b elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-column-none ct-row-scroll-none ct-row-gradient--none\" data-id=\"d02409b\" data-element_type=\"section\">\n            \n                        <div class=\"elementor-container elementor-column-gap-default \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7302af1 ct-column-none\" data-id=\"7302af1\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-ff7013c elementor-widget elementor-widget-text-editor\" data-id=\"ff7013c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Custom Menu in WordPress Themes is a must for businesses who want full control over their website. With a custom menu, you can easily add, remove, and rearrange menu items to ensure your visitors can find what they&#8217;re looking for. While creating a custom menu may seem daunting, with the above three methods you can easily do that. I would recommend customizing a custom menu with website builder plugins like Elementor. This will be a great choice if you are not that tech-savvy and you don\u2019t know how to code. <\/span><\/p><p><span style=\"font-weight: 400;\">Our premium and Elementor-optimized themes make it even easier. You can just follow the steps we have discussed above to create a custom menu. So, check out our <a href=\"https:\/\/www.wpelemento.com\/wordpress-elementor-themes\/\" target=\"_blank\" rel=\"noopener\">WordPress elementor themes<\/a> and see how easy it is to create a custom menu for your WordPress website.\u00a0<\/span><\/p><p>In summary, custom menus in WordPress themes are super important for making your website user-friendly and organized. They help users find what they&#8217;re looking for quickly and easily. By creating a custom menu, you can arrange your site&#8217;s pages and links just the way you want them. So, take advantage of this feature in your WordPress theme to improve your site&#8217;s navigation and overall look. And if you want even more options for customizing your website, consider getting a <a href=\"https:\/\/www.wpelemento.com\/elementor\/wordpress-theme-bundle\/\" target=\"_blank\" rel=\"noopener\">WordPress theme bundle<\/a>, which gives you access to lots of cool features and designs to make your site stand out.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n        \t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Whether you are creating a website that serves food or you are creating an e-commerce store, you will need to display your menu on your website\/store. The menu in WordPress themes\/websites plays an important role as it allows you to navigate between different pages on your website. One of the most versatile features of WordPress [&hellip;]<\/p>\n","protected":false},"author":23,"featured_media":12364,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"categories":[78],"tags":[],"class_list":["post-7233","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wp-tutorials"],"acf":[],"_links":{"self":[{"href":"https:\/\/preview.wpelemento.com\/old_website\/wp-json\/wp\/v2\/posts\/7233","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/preview.wpelemento.com\/old_website\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/preview.wpelemento.com\/old_website\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/preview.wpelemento.com\/old_website\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/preview.wpelemento.com\/old_website\/wp-json\/wp\/v2\/comments?post=7233"}],"version-history":[{"count":66,"href":"https:\/\/preview.wpelemento.com\/old_website\/wp-json\/wp\/v2\/posts\/7233\/revisions"}],"predecessor-version":[{"id":22274,"href":"https:\/\/preview.wpelemento.com\/old_website\/wp-json\/wp\/v2\/posts\/7233\/revisions\/22274"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/preview.wpelemento.com\/old_website\/wp-json\/wp\/v2\/media\/12364"}],"wp:attachment":[{"href":"https:\/\/preview.wpelemento.com\/old_website\/wp-json\/wp\/v2\/media?parent=7233"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/preview.wpelemento.com\/old_website\/wp-json\/wp\/v2\/categories?post=7233"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/preview.wpelemento.com\/old_website\/wp-json\/wp\/v2\/tags?post=7233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}