Skip to content

Navigation/Menu

Total includes 4 menu location options: Main: Used for the main navigation bar in the header. Footer: Used for the bottom right side of your site. Mobile Icons: Used for…

How To Setup Your Main Menus

Adding icons to your menu items is extremely simple in Total, but it must be done via the WP admin dashboard (not the customizer). Edit any menu item and click…

Adding Icons To Menu Items

You can easily create some simple mega menus with 1,2,3,4,5 or 6 columns by simply adding a couple classes to your parent menu item. First, create your menu. Then add…

Creating Mega Menus

This theme will allow you to easily create a local scrolling menu by simply assigning a specific classname to your menu items to create a smooth animation as well as…

Creating A Local Scroll Menu

You can easily create non-clickable menu links to any WordPress menu by symple adding a # symbol for the "URL" when inserting a custom link. However, when a user clicks it…

Adding Non-Clickable Menu Links

The Total WordPress theme includes 6 mobile menu styles to choose from when using one of the built in header styles. To select your mobile menu style simply log into…

Mobile Menu Styles

By default all sub-dropdown items on the main menu open to the right, however, if you have dropdowns on the far right this could cause them to go off the…

Left-Side Menu Dropdowns

By default the dropdowns on the Total WordPress theme have a little pointer right above them. In version 1.6.4 and greater you will find options in the Customizer for altering…

Remove The “Pointer” Above Menu Dropdowns

The Total theme has 2 primary methods for adding a button to your site header. This article will explain both methods. 🛑 Using the Header Builder?This article is intended for…

How to Add a Button in the Header Menu

Total includes an advanced functionality to display custom menus on a per page basis. Simply create your custom menu and select it from the Page Settings for the page where…

Custom Menus Per Page

In order to add classnames to your WordPress menu item you must first enable the classes field in your menu dashboard which is located in the "Screen Options" tab in…

Enable Classes Field For Menu Items

If you want your main menu dropdowns to be flush with the very bottom of your header simply go to Appearance > Customize > Header > Menu and enable the…

How to Make Menu Dropdowns Flush with the Bottom of Your Header

The mobile icons menu works a bit differently then standard menus. To create your mobile menu you need to create a new menu then instead of adding the names of…

Creating A Mobile Icons Menu

When working with the WordPress menu system there are actually a lot of fields that are hidden by default and can be enabled via the "Screen Options" panel. One of…

Open Menu Links In a New Tab/Window

In the Total theme you can create a custom menu and assign it to be used for mobile devices only. To do this simply go to Appearance > Menus and…

Create A Custom Mobile Menu (Alternative menu for mobile only)

In Total 5.3 we introduced new new Header Menu Dropdown Methods to select from in the Customizer under Appearance > Customize > Header > Menu Dropdowns. Previously the theme always…

Header Menu Dropdown Methods

In some cases you may want to add a link to your main header menu but only for display in mobile devices. For example, if your header has a button…

How to add a Menu Link that Only Shows on Mobile Devices
Back To Top