Configuring the Navigation Drawer Menu in MateMagz Theme

Navigation Drawer Menu in the MateMagz Theme is part of the main menu that can be arranged easily. Generally, the Navigation Drawer Menu consists of important links to navigate to specific pages on the Website.

If you don't set the Navigation Drawer Menu, the Navigation Drawer Menu Toggle Button in the Header will also not appear. Here, you can set it up with several steps that will be explained and can be done easily.

Adding Menu Items to the Navigation Drawer Menu

You can add, remove or edit menu items in the Navigation Drawer Menu by following these steps:

1. On the Blogger Dashboard, select the Layout menu.
2. Look for the section titled Navigation Drawer and More Menu.
3. Click the edit button (pencil icon) on the Navigation Drawer Menu (Link List Gadget) and a Link List Configuration Popup will appear.
4. You can skip the Title and Number of items to show in list input or leave it blank.
5. In the Sorting section, you can choose between Don't sort, Sort Alphabetically or Sort Reverse Alphabetically. Please choose according to your wishes (Optional).
6. To add a new menu item, click the ADD A NEW ITEM button. Here are a few things that can be set:
   • In the Site name input, enter a menu name.
   • In the Site URL input, enter the menu URL.
   • If both inputs are set, click the SAVE button next to them.
7. If you want to finish the configuration, click the SAVE button at the bottom.

Customizer Settings

There are several Options and Color settings for all elements in the Navigation Drawer Menu.

Options for Navigation Drawer Menu

There are several settings that can be customized, namely:

Navigation Drawer Edge Style

This setting is useful for setting the edge style on the Navigation Drawer Menu. Here's an explanation and some steps to customize it:

1. On the Blogger Dashboard, select the Theme menu.
2. Click the CUSTOMIZE button.
3. Click Advanced > Default Options Dropdown and Select Navigation Drawer Options.
4. Look for the Slider setting named Navigation Drawer Edge Style (None | Border | Shadow), drag the slider right or left. Here is the explanation:
   1. 1px: None - Navigation Drawer without any edge styles.
   2. 2px: Border - Navigation Drawer with border.
   3. 3px: Shadow - Navigation Drawer with shadow.
5. Click the Save button (diskette icon) in the lower right corner.

Navigation Drawer Edge Shadow Thickness

This setting is useful for adjusting the thickness of the Shadow on the Navigation Drawer Menu. Shadow thickness is measured in dp units.

Note that this setting is only useful if you have set the Navigation Drawer Edge Style to 3px (Shadow).

There are three options that you can choose from, including 2dp (Thin), 4dp (Medium) and 6dp (Thick). Here are some steps to customize and some explanations:

1. On the Blogger Dashboard, select the Theme menu.
2. Click the CUSTOMIZE button.
3. Click Advanced > Default Options Dropdown and Select Navigation Drawer Options.
4. Look for the Slider setting named Navigation Drawer Edge Shadow Thickness (Thin | Medium | Thick), drag the slider right or left. Here is the explanation:
   • 1px: Thin - Navigation Drawer with Shadow Thickness 2dp (Thin).
   • 2px: Medium - Navigation Drawer with Shadow Thickness 4dp (Medium).
   • 3px: Thick - Navigation Drawer with Shadow Thickness 6dp (Thick).
5. Click the Save button (diskette icon) in the lower right corner.

Navigation Drawer Item Corner Radius

This setting is useful for setting the rounded corner radius for the Navigation Drawer Menu Items. Here are some steps to customize and some explanations:

1. On the Blogger Dashboard, select the Theme menu.
2. Click the CUSTOMIZE button.
3. Click Advanced > Default Options Dropdown and Select Navigation Drawer Options.
4. Look for the Option named Navigation Drawer Item Corner Radius, drag the slider right or left until you find the corner radius you want.
5. Click the Save button (diskette icon) in the lower right corner.

Color Settings for Navigation Drawer Menu

There are several color settings for the Navigation Drawer Menu that can be customized, namely:

1. Navigation Drawer Edge Border Color - To set the Edge Border color on the Navigation Drawer Menu.
2. Navigation Drawer Edge Shadow Color - To set the Edge Shadow color on the Navigation Drawer Menu.
3. Navigation Drawer Background Color - To set the Background color on the Navigation Drawer Menu.
4. Navigation Drawer Item Color - To set the Menu Item color including Icons on the Navigation Drawer Menu.
5. Navigation Drawer Item Selected Color - To set the Selected Menu Item color including Icons and Vertical Line (Selected Menu Indicator) on the Navigation Drawer Menu.

Here are some steps to customize it:

1. On the Blogger Dashboard, select the Theme menu.
2. Click the CUSTOMIZE button.
3. Click Advanced > Default Options Dropdown and Select Navbar Options.
4. Find a color setting and select the color you want to change.
5. Click the Save button (diskette icon) in the lower right corner.

Those are some steps to configure the Navigation Drawer Menu in MateMagz Theme. If you have any questions, please write them in the comments section.

If you want to report some bugs, you can write them in the comments section on the Bug Report page and if you want to request new features or want to provide feedback, please write them in the comments section on the Request and Feedback page.