Getting Started Video Tutorial
This guide gets you up and running as quickly as possibly with minimal configuration. Check out the Configuration section of the guide for full options
1. Install the plugin zip
Download the ShiftNav zip. Upload it to your WordPress installation in Plugins > Add New > Upload.
2. Activate the ShiftNav plugin
3. Create your menu
Go to Appearance > Menus and create your menu to be used in ShiftNav. To set ShiftNav-specific settings, hover over the menu item and click the Shift button that appears.
4. Assign your menu to the ShiftNav [Main] location
Go to Appearance > Menus > Manage Locations and assign your menu to the ShiftNav [Main] Location
5. Set up the Toggle Bar
Go to Appearance > ShiftNav. Click the “Toggle Bar” tab.
6. Set your Toggle Breakpoint
959 is a good starting point, but you can set this to whatever you like.
7. Set your Toggle Bar Injection point
By default, ShiftNav’s toggle bar HTML is injected just after the opening body tag via the wp_body_open hook – so we recommend you leave this set to Header. However, if your theme does not support this hook, the toggle bar won’t appear. In this case, you can switch the Toggle Bar Injection setting to Footer to use the wp_footer hook instead.
The recommended setting is Header if your theme supports it.
8. Hide any other menus if needed
Provide the selector for the menu you want to hide. This is specific to your theme, and often looks like .primary-nav, #primary-menu, .top-nav, .main_menu, etc.
For UberMenu 3, just check the special Hide UberMenu box.
9. Click Save Changes
This will apply the changes to the front end of your site.
10. Done!
ShiftNav is now installed and running on your site. You can configure it further in the Appearance > ShiftNav Panel.