Back to Index

Menus Setup

To set up your menus, go to WP Dashboard: Appearance > Menus.

Once you’re on the Menus editing screen, create a new menu (1, 2) and press Save button. Add your pages or custom links to the menu you just created in the Menu Structure area (3).

After the menu is created, you need to assign this menu to Primary location (4).

Additional attributes

Menu items in this Theme can function as a menu header for a list of other items or as a divider, or they can be disabled (w/o a link). To do this, you need to assign an additional attribute named CSS Classes to the menu item created as a Custom Links.

In the column on the left (where your pages and posts are listed and there are other tabs), create a new menu item in the Custom Links tab. Fill in the URL field with the symbol #. The Navigation Label can be any you like. Drag and drop a new item in your menu on the right.

Now you need to fill in the CSS Classes field according to what you want to get as a result: menu heading, a separator, or a disabled menu item. If your screen doesn’t have the CSS Classes field, then click on the Screen Options tab at the top right in the admin panel.

Menu Heading – dropdown-header. Menu divider – dropdown-divider. Disabled item – disabled.

How do I make a top-level menu item look like a button on a demo site?

Well, you need to add a class to this menu item as well, as mentioned above.

Outline button – border border-complementary rounded. Colored button – bg-info.

Available color classes:

Theme hook

Adds a custom icon (item) to the end of the menu bar.

/** * Example of add filter for append an element. * * @see additional-items.php * @see custom-functions.php * bigwigs_add_navbar_items */ function bigwigs_add_new_navbar_item( $items ) { $items .= '<div class="user-btn pl-lg-2 d-inline"><a href="#" class="dashicons dashicons-admin-users"></a></div>'; return $items; } add_filter( 'bigwigs_add_navbar_items', 'bigwigs_add_new_navbar_item' );
Code language: PHP (php)