Flossy Pro Menu Setup

In this article, you’ll learn how to set up and customize the Menu of the Flossy Pro theme,  This guide will help you configure these settings to align with your site’s branding and functionality needs.

(1) How to manage Menu from Dashboard ? 

Before we move forward, it's important to note that menus can be added in two primary locations within our theme: the Header and the Footer. We will first explore how to manage the menu in the header, followed by instructions for the footer.

(a) How to Manage the Header Menu 

Before proceeding, ensure you're logged into your WordPress Dashboard.

To manage the header menu, follow these steps:

1. From the WordPress Dashboard, navigate to Appearance > Menus.
2. On the Menus page, you will find various options for managing your menus. We will discuss these options in detail below.

Setting Up Your Menu

To set up your menu, follow these steps:

1. In the Menu Name field, enter a title of your choice for the menu.
2. Select Primary Menu by checking the checkbox.
3. Click Create Menu when you're done.

Note: Ensure you have checked the Primary Menu option. If you create your menu without enabling this checkbox, the menu will not appear in the header section.

Adding Pages to Your Menu 

To add pages to your menu, follow these steps:

1. In the Add Menu Items section, open the Pages toggle.
2. Select the pages you would like to add to your menu by checking the corresponding checkboxes.
3. Once you have selected the pages, click on the Add to Menu button.
4. After adding the pages, click on the Save Menu button to save your changes.

Creating Dropdown in your Menu

To create a dropdown in your menu, follow these steps:

1. Select the pages that you wish to include as dropdown items.
2. Position these pages directly beneath the parent page under which you want them to appear.
3. Drag the selected pages slightly to the right; this will nest them under the parent page, creating the dropdown effect.
4. Click Save Menu when you're done to apply your changes.

Tip: Ensure that the parent page is already added to the menu to effectively create a dropdown.

(b) How to Manage the Footer Menu

Setting Up Your Menu

Before proceeding, ensure you're logged into your WordPress Dashboard.

To manage the footer menu, follow these steps:

1. From the WordPress Dashboard, navigate to Appearance > Menus.
2. On the Menus page, in the Menu Structure section, enter a title of your choice in the Menu Name field.
3. Check the Footer Menu option to select it.
4. Click the Create Menu button when you're done.

Note: Ensure you have checked the Footer Menu option. If you create your menu without enabling this checkbox, the menu will not appear in the footer section.

Adding Pages to Your Menu 

To add pages to your menu, follow these steps:

1. In the Add Menu Items section, open the Pages toggle.
2. Select the pages you would like to add to your menu by checking the corresponding checkboxes.
3. Once you have selected the pages, click on the Add to Menu button.
4. After adding the pages, click on the Save Menu button to save your changes.

(2) How to manage Menu from Customizer ? 

Just like we learned in Dashboard Menu , in Customizer as well we will see how to create Menu both in Header and Footer. First we will learn about Header and then footer.

(a) How to Manage the Header Menu

Just like in the Dashboard Menu, you can also create menus in the Customizer for both the Header and Footer. We will first learn about managing the Header menu and then the Footer.

Setting Up Your Menu

Before proceeding, ensure you're logged into your WordPress Dashboard.

To manage the header menu, follow these steps:

1. From the WordPress Dashboard, navigate to Appearance > Customizer.
2. On the Customizer Page, go to Menus.
3. Click on Create New Menu.
4. Enter a name of your choice in the Menu Name field.
5. Check the Primary Menu option to select it.
6. Click the Next button when you're done.

Note: Ensure you have checked the Primary Menu option. If you create your menu without enabling this checkbox, the menu will not appear in the header section.

Adding Pages to Your Menu 

To add pages to your menu, follow these steps:

1. After clicking the Next button, click on Add Items.
2. A sidebar will appear, allowing you to select the pages you'd like to add from Pages.
3. Click on the Plus (+) icon next to the pages you wish to include in your menu.
4. Click Publish when you're done.

Creating Dropdown in your Menu

To create a dropdown in your menu, follow these steps:

1. Select the pages that you wish to include as dropdown items.
2. Position these pages directly beneath the parent page under which you want them to appear.
3. Drag the selected pages slightly to the right; this will nest them under the parent page, creating the dropdown effect.
4. Click Publish when you're done.

Tip: Ensure that the parent page is already added to the menu to effectively create a dropdown.

(b) How to Manage the Footer Menu

Setting Up Your Menu

Before proceeding, ensure you're logged into your WordPress Dashboard.

To manage the header menu, follow these steps:

1. From the WordPress Dashboard, navigate to Appearance > Customizer.
2. On the Customizer Page, go to Menus.
3. Click on Create New Menu.
4. Enter a name of your choice in the Menu Name field.
5. Check the Footer Menu option to select it.
6. Click the Next button when you're done.

Note: Ensure you have checked the Footer Menu option. If you create your menu without enabling this checkbox, the menu will not appear in the Footer section.

Adding Pages to Your Menu 

To add pages to your menu, follow these steps:

1. After clicking the Next button, click on Add Items.
2. A sidebar will appear, allowing you to select the pages you'd like to add from Pages.
3. Click on the Plus (+) icon next to the pages you wish to include in your menu.
4. Click Publish when you're done.

Please note that this article only covers the essential aspects of managing menus of our theme. For a more detailed guide on WordPress menus, please refer to this article: https://codex.wordpress.org/WordPress_Menu_User_Guide.