Configuring Tabbed Menu in Materia X2 Theme

Tabbed Menu configuration in the Materia X2 theme.
Yasya El Hakim

The Tabbed Menu is a navigational location that contains static pages such as the Contact, About, Privacy Policy and other pages. However, you can still customize it to your liking. You can also use Tabbed Menu to organize and allow navigation between groups of content that are related and at the same level of hierarchy.

Tabbed Menu only available in Materia X2 version 3.0 and above.

Adding Tabbed Menu Items

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

  1. Go to Blogger Dashboard, select the Layout menu.
  2. Look for the section titled Tabbed Menu.
  3. Click the edit button (pencil icon) on the Tabbed Menu (Pages Gadget).
  4. A Page List Configuration Popup will appear.
  5. You can skip the Title (Optional) input.
  6. To add a new menu item, click the ADD A NEW ITEM button.
  7. Here are a few things that can be set:
    • If you have created or already have a Static page, you only need to click on the Page URL input, several links to your Static page will appear. Choose one of them and Page name input will be automatically generated and you can customize it too.
    • If you want to make a custom, you can fill in the following things:
      1. In the Page name input, enter a menu name.
      2. In the Page URL input, enter the menu URL.
    • If both inputs are set, click the SAVE button next to them.
  8. If you want to finish the configuration, click the SAVE button at the bottom.
You can also add Icons to Tabbed Menu Items, follow several steps such as adding icons to the Navigation Drawer Menu. But make sure that the icon is before the menu name.
In configuring the Page URL input, make sure you use the correct URL (using http:// or https://).

Customizer Settings

There are several Color settings for all elements in the Tabbed Menu.

Color Setting for More Menu

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

  1. Tabbed Menu Text Color - To set Tabbed Menu Item Text color.
  2. Tabbed Menu Text Hover Color - To set Tabbed Menu hovered Item text color.
  3. Tabbed Menu Selected Color - To set Tabbed Menu selected item text color and its indicator.

Here are some steps to customize it:

  1. Go to Blogger Dashboard, select the Theme menu.
  2. Click the CUSTOMIZE button.
  3. Click Advanced Dropdown, click Default Options Dropdown and Select Tabbed Menu 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 More Menu in the Materia X2 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.

Yasya El Hakim
404 Not Found!
To add an image:
[image] image_url [/image]

To add a code block:
[code] your_code [/code]

To add a quote:
[quote] your_quote [/quote]

To add a link:
[link] your_link_text | link_url [/link]