{"id":498,"date":"2018-02-04T07:04:10","date_gmt":"2018-02-04T07:04:10","guid":{"rendered":"https:\/\/flexia.pro\/docs\/customize-flexia\/menu-settings\/"},"modified":"2023-07-04T04:46:16","modified_gmt":"2023-07-04T04:46:16","password":"","slug":"menu-settings","status":"publish","type":"docs","link":"https:\/\/flexia.pro\/docs\/menu-settings\/","title":{"rendered":"Menu Settings"},"content":{"rendered":"\n

By configuring Flexia theme menu settings<\/strong><\/a>, <\/strong>you can boost your website user experience. The menu is the constant place of a website from where visitors can easily navigate to all website pages & posts. In Flexia theme, you can configure menu settings without any hassle.<\/p>\n\n\n\n

How To Configure Flexia Theme Menu Settings?<\/strong><\/h2>\n\n\n\n

Flexia theme provides two methods for configuring menu settings: the Menu tab<\/strong> and the Customizer<\/strong>. If you want to configure menu settings of the Flexia theme, then follow this step-by-step guideline: <\/p>\n\n\n\n

Step 1: Configure Menu Settings From Menu Tab <\/strong><\/h3>\n\n\n\n

First, open your WordPress dashboard and go to the \u2018Appearance\u2019<\/strong> \u2192 \u2018Menus\u2019<\/strong> tab. Provide a suitable name for the menu in the \u2018Menu Name\u2019<\/strong> field, and select the location for the menu from the \u2018Menu Settings\u2019<\/strong> section. <\/p>\n\n\n

\n
\"Menu<\/figure>\n<\/div>\n\n\n

Available menu locations are Primary menu, Topbar Menu, and Footer Menu. if you want to add all newly created pages on your menu bar, then tick on the \u2018Auto Add Pages\u2019<\/strong> field. After that click on the \u2018Create Menu\u2019<\/strong> to save the menu. <\/p>\n\n\n

\n
\"Menu<\/figure>\n<\/div>\n\n\n

Primary Menu :<\/strong><\/p>\n\n\n\n

Primary Menu will be shown on your Navbar which is the main navigation. It supports dropdown and is responsive for mobile. It switches to a mobile menu under 768px screen resolution.<\/p>\n\n\n\n

Topbar Menu :<\/strong><\/p>\n\n\n\n

Topbar Menu will be shown on your Topbar that you can enable from Customize \u2192  Header<\/strong>. It is optional navigation; you can disable the menu separately from Topbar if you want. It also supports dropdown and is responsive for mobile. It switches to a mobile menu under 768px screen resolution.<\/p>\n\n\n\n

Footer Menu :<\/strong><\/p>\n\n\n\n

Footer Menu will be shown on your Footer that you can enable from Customize \u2192 Footer<\/strong>. It is optional navigation you can disable the menu separately from Footer if you want. It doesn\u2019t support dropdown but is responsive for mobile. Note that it won\u2019t be a toggle for mobiles like Primary or Topbar menus rather will be inline yet responsive for mobile.<\/p>\n\n\n\n

You can also set menus within any widget on any widget area (Sidebar Widgets, Header Widgets, or Footer Widgets).<\/p>\n\n\n\n

Step 2: Create Your Menu In WordPress<\/strong><\/h3>\n\n\n\n

From Pages <\/strong>tab, select the pages you want to add to your menu, and click on the \u2018Add To Menu\u2019<\/strong> button. After that, click on the \u2018Save Menu\u2019<\/strong> button to save changes. In the same way, you can add pages, custom links, and categories in the menu bar. Simply by dragging you can reorder the positions on the menu bar. <\/p>\n\n\n

\n
\"Menu<\/figure>\n<\/div>\n\n\n

Step 3: Set Menu Display Location<\/strong><\/h3>\n\n\n\n

Now time to set the menu display location. Navigate to \u2018Manage Locations\u2019<\/strong> tab. From there select which menu will be shown in the Primary Menu, Topbar Menu, and Footer Menu. Then click on the \u2018Save Changes\u2019<\/strong> button. Hence, menu settings can be easily configured.<\/p>\n\n\n

\n
\"Menu<\/figure>\n<\/div>\n\n\n

Final Outcome<\/strong><\/h3>\n\n\n\n

Go to your live site to check out the changes you made. This is how your website will look with a menu bar.<\/p>\n\n\n

\n
\"Menu<\/figure>\n<\/div>\n\n\n

How To Configure Flexia Theme Menu Settings From Customizer?<\/strong><\/h2>\n\n\n\n

If you want to configure the menu settings of Flexia theme from Customize<\/strong> panel, then follow this step-by-step guideline: <\/p>\n\n\n\n

Step 1: Directly Create Your Menu From Customize<\/strong><\/h3>\n\n\n\n

Open your WordPress dashboard and go to the \u2018Appearance\u2019<\/strong> panel. Then click on the \u2018customize\u2019<\/strong> tab. It will directly take you to the live customize editor panel. From the left panel, go to the \u2018Menu\u2019<\/strong> tab. There you will find the button \u2018Create New Menu\u2019<\/strong>, click on it. <\/p>\n\n\n

\n
\"Menu<\/figure>\n<\/div>\n\n\n

Step 2: Set Your Menu Display Location<\/strong><\/h3>\n\n\n\n

Provide a suitable name for the menu in the \u2018Menu Name\u2019<\/strong> field, and select the display location (Primary, Topbar, and Footer). After that click on the \u2018Next\u2019<\/strong> to start adding links to your new menu.<\/p>\n\n\n

\n
\"Menu<\/figure>\n<\/div>\n\n\n

Step 3: Include Or Exclude Sections From The Menu<\/strong><\/h3>\n\n\n\n

Click \u2018Add Items\u2019<\/strong> to start putting pages, categories, and custom links in your menu. Add as many things as you\u2019d like. You can also reorder the positions by clicking on the \u2018Reorder\u2019<\/strong> button. From \u2018Menu Options\u2019<\/strong> give a tick if you want to auto-add all newly created pages on the menu. <\/p>\n\n\n

\n
\"Menu<\/figure>\n<\/div>\n\n\n

You can also reorder the positions by clicking on the \u2018Reorder\u2019<\/strong> button. Set the preferred positions, and after making all the changes, click on the \u2018Done\u2019<\/strong> button.<\/p>\n\n\n

\n
\"Menu<\/figure>\n<\/div>\n\n\n

Final Outcome<\/strong><\/h3>\n\n\n\n

Click on the \u2018Publish\u2019<\/strong> button after configuring the menu settings. This is how your website will look with a menu bar. <\/p>\n\n\n

\n
\"Menu<\/figure>\n<\/div>\n\n\n

This is how easily you configure Flexia <\/strong><\/a>theme menu settings in your WordPress website.<\/p>\n\n\n\n

Get stuck? Feel free to contact our dedicated support team<\/strong><\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

This document will help you to configure Flexia theme menu settings from your WordPress website<\/p>\n","protected":false},"author":7,"featured_media":1329,"template":"","meta":{"inline_featured_image":false,"footnotes":""},"doc_category":[9],"doc_tag":[20,28,23,21],"class_list":["post-498","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-customize-flexia","doc_tag-flexia-theme","doc_tag-menu-settings","doc_tag-wordpress","doc_tag-wordpress-theme"],"year_month":"2026-05","word_count":745,"total_views":"1196","reactions":{"happy":"1","normal":"0","sad":"0"},"author_info":{"name":"Faguni","author_nicename":"faguni","author_url":"https:\/\/flexia.pro\/author\/faguni\/"},"doc_category_info":[{"term_name":"Customize Flexia","term_url":"https:\/\/flexia.pro\/docs-category\/customize-flexia\/"}],"doc_tag_info":[{"term_name":"flexia theme","term_url":"https:\/\/flexia.pro\/docs-tag\/flexia-theme\/"},{"term_name":"Menu Settings","term_url":"https:\/\/flexia.pro\/docs-tag\/menu-settings\/"},{"term_name":"WordPress","term_url":"https:\/\/flexia.pro\/docs-tag\/wordpress\/"},{"term_name":"WordPress theme","term_url":"https:\/\/flexia.pro\/docs-tag\/wordpress-theme\/"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/flexia.pro\/wp-json\/wp\/v2\/docs\/498","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flexia.pro\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/flexia.pro\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/flexia.pro\/wp-json\/wp\/v2\/users\/7"}],"version-history":[{"count":8,"href":"https:\/\/flexia.pro\/wp-json\/wp\/v2\/docs\/498\/revisions"}],"predecessor-version":[{"id":1777,"href":"https:\/\/flexia.pro\/wp-json\/wp\/v2\/docs\/498\/revisions\/1777"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flexia.pro\/wp-json\/wp\/v2\/media\/1329"}],"wp:attachment":[{"href":"https:\/\/flexia.pro\/wp-json\/wp\/v2\/media?parent=498"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/flexia.pro\/wp-json\/wp\/v2\/doc_category?post=498"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/flexia.pro\/wp-json\/wp\/v2\/doc_tag?post=498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}