Title: Shift8 Full Nav Author: shift8 Published: September 3, 2016 Last modified: October 29, 2025 --- Search plugins ![](https://ps.w.org/shift8-full-navigation/assets/banner-772x250.png?rev=2124756) ![](https://ps.w.org/shift8-full-navigation/assets/icon-256x256.png?rev=2124735) # Shift8 Full Nav By [shift8](https://profiles.wordpress.org/shift8/) [Download](https://downloads.wordpress.org/plugin/shift8-full-navigation.1.9.4.zip) * [Details](https://pcd.wordpress.org/plugins/shift8-full-navigation/#description) * [Reviews](https://pcd.wordpress.org/plugins/shift8-full-navigation/#reviews) * [Installation](https://pcd.wordpress.org/plugins/shift8-full-navigation/#installation) * [Development](https://pcd.wordpress.org/plugins/shift8-full-navigation/#developers) [Support](https://wordpress.org/support/plugin/shift8-full-navigation/) ## Description [Shift8](https://www.shift8web.ca) Full Nav is a plugin that allows you to create a full width, sticky and responsive navigation menu. The plugin allows you to define key design options such as menu color, google fonts for menu options, overlay color( for mobile dropdown) and menu/overlay transparency and mobile menu trigger breakpoints. This plugin will work with up to 3 levels of dropdown (parent, child, sub-child). It will also display a shopping cart icon and cart count if it detects you have Woocommerce installed. Lastly if you want to have a search dropdown, you can enable search and an icon will display with a search bar dropdown from the top navigation. #### Want to see the plugin in action? You can view two example sites where this plugin is live : * Example Site 1 : [WordPress Hosting](https://www.stackstar.com) * Example Site 2 : [Web Design](https://www.shift8web.ca) #### Features * Customizable mobile breakpoint This means that you can customize when the mobile version of the menu “kicks” in. By default it is set to a screen width of 980px * Mobile mode for all screen sizes You can set the plugin to “mobile mode” which means the mobile version of the menu will be always displaying * Definable font styles everywhere You can define the fonts from a list of all google fonts, or inherit the fonts defined in your theme. You can also adjust font size and color. * Upload your logo Upload your logo and it will display seamlessly * Change colors and opacity You can change the color and opacity of the menu bar as well as the mobile flyout * Dropdown functionality out of the box If you have parent/child menu items, they will be automatically rendered as dropdown for mobile/desktop view of the menu. You can change color and styling of the dropdown for desktop as well * Woocommerce compatibility The shopping cart icon will automatically display if it detects that you have Woocommerce installed and activated. A simple cart icon with a cart count will be displayed * Search dropdown icon We now give you the option to display a search dropdown toggle area , right underneath the navigation bar. There are design options that will allow you to configure how this looks such as background color, font size, color, hover colors and whatnot. This is a quick and easy way to integrate search into your navigation. **Remember : Dont forget to set the switch “Enable Full Nav” after installing and activating!** ## Screenshots * [[ * This is an example of how the menu looks on a desktop * [[ * This is an example of how the menu looks on mobile with the menu not extended. * [[ * This is an example of how the menu looks on mobile with the menu extended ## Installation This section describes how to install the plugin and get it working. e.g. 1. Upload the plugin files to the `/wp-content/plugins/shif8-full-nav` directory, or install the plugin through the WordPress plugins screen directly. 2. Disable any other 3rd party menu plugins you may have installed 3. Activate the plugin through the ‘Plugins’ screen in WordPress 4. Navigate to the plugin settings page and define your logo, font and design options. Dont forget to enable the plugin in the settings page! 5. The menu should show up by injecting its code into your header ## FAQ ### My menu is not showing up? Try disabling any other plugins that may be conflicting. Also take a look at inspect element in your browser and confirm if there are any javascript errors in the console. g ### Can I see what it looks like live? You can check out our wordpress hosting website to see it in action : https://www. stackstar.com ### How can I style the markup? The idea was to make design options available in the administrative interface of the plugin settings. The design options, when chosen, generate inline style markup that applies the styling. There is a stylesheet that imports other common styling elements. You can overwrite anything in your own theme’s stylesheet. ### What if I have second level menu options? We plan on implementing a built-in dropdown feature for hierarchical menu options( 2nd and 3rd level menu options). Currently this functionality is not built in. ### How do I get the dropdown options to work? You simply need to add second level (only) options in the WordPress menu section ### What else have you done? We do [web design](https://www.shift8web.ca) , development and [web hosting](https://www.stackstar.com)! 🙂 ## Reviews ![](https://secure.gravatar.com/avatar/d5185809f703e2fdc153d701660a82e7794ec51a623a4bcd250e1a02debba74c? s=60&d=retro&r=g) ### 󠀁[simple & clean](https://wordpress.org/support/topic/simple-clean-10/)󠁿 [vargvikernes](https://profiles.wordpress.org/vargvikernes/) March 20, 2019 very easy to customize. what cant be easily customized can be done in css. ![](https://secure.gravatar.com/avatar/52d73d13cec36d5e47e4eabe1935b2f911676b927cf249e96b7d3181c83e29ab? s=60&d=retro&r=g) ### 󠀁[Latest update works great](https://wordpress.org/support/topic/latest-update-works-great/)󠁿 [jameskmeyn](https://profiles.wordpress.org/jameskmeyn/) March 20, 2019 Love the search dropdown ![](https://secure.gravatar.com/avatar/46d42f87b9b3a8439a0d7ccadf7d18c9821fbc55e35c421d681432f09e572472? s=60&d=retro&r=g) ### 󠀁[Errrore!](https://wordpress.org/support/topic/errrore/)󠁿 [aov000](https://profiles.wordpress.org/aov000/) February 1, 2017 2 replies Function.php – bug. ![](https://secure.gravatar.com/avatar/9a1aa76919a1853b051f640b65b1235209df5081d6cb787557bd084e5842f735? s=60&d=retro&r=g) ### 󠀁[Will not activate in any Website I tried](https://wordpress.org/support/topic/will-not-activate-in-any-website-i-tried/)󠁿 [jointhepugs](https://profiles.wordpress.org/jointhepugs/) September 18, 2016 4 replies I don’t want to give this plugin 1 star because it’s not working. It could be something on my server, but it’s not likely. I tried three very different Websites after trying this on the intended site. It failed to activate on any. [ Read all 6 reviews ](https://wordpress.org/support/plugin/shift8-full-navigation/reviews/) ## Contributors & Developers “Shift8 Full Nav” is open source software. The following people have contributed to this plugin. Contributors * [ shift8 ](https://profiles.wordpress.org/shift8/) [Translate “Shift8 Full Nav” into your language.](https://translate.wordpress.org/projects/wp-plugins/shift8-full-navigation) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/shift8-full-navigation/), check out the [SVN repository](https://plugins.svn.wordpress.org/shift8-full-navigation/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/shift8-full-navigation/) by [RSS](https://plugins.trac.wordpress.org/log/shift8-full-navigation/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0 * Stable version created * Implemented design options and inline style generator #### 1.01 * Added google font choices * Bug fixes #### 1.02 * Fixed bug with inherit font logic #### 1.03 * Adjusted breakpoint for mobile menu from 768px to 980px #### 1.04 * Fixed header logo linking to site url #### 1.05 * Added option to force mobile mode of menu all the time so only the hamburger icon will display #### 1.06 * Fixed z-index conflict with shift8-portfolio plugin #### 1.07 * Fixed main.js loading error * Added fully customizable dropdown capability for menu options in non-mobile mode * Added option to define mobile breakpoint for when the menu switches to mobile mode * Added option to define font sizes for menu bar, overlay and dropdown #### 1.08 * Fixed bug in inherit logic for dropdown font if set to site default * Set default font size if nothing set in admin options (inherit) * Set default breakpoint width for mobile if nothing set in admin options (980px) #### 1.09 * Fixed padding for dropdown menu options #### 1.10 * Set default color to inherit if no color is defined to avoid CSS errors #### 1.11 * Implemented dropdown logic for mobile overlay menu (triangle for menu options that have sub nav children) #### 1.12 * Fixed bug in mobile dropdown logic for triangle direction change #### 1.13 * Fixed bug default color for dropdown backgrounds #### 1.14 * Fixed is-fixed class which didnt apply in desktop #### 1.15 * Fixed fatal error with older versions of PHP #### 1.16 * Fixed bug where primary menu was not being pulled properly and no menu displayed #### 1.17 * Adjusted default alignment for desktop menu options to be closer to the right side to allow for more room #### 1.18 * Added check for target for each menu option, allowing the ability to open menu links in new tabs #### 1.19 * Force social icons on mobile version of menu to open in new tab #### 1.20 * Added function to inject woocommerce shopping cart link + icon if woocommerce is installed #### 1.21 * Added logic to inherit any assigned CSS classes to menu items for non-mobile version of the menu #### 1.22 * Added logic to inherit any assigned CSS classes to menu items for mobile version of the menu #### 1.23 * Added unique identifier for UL container for sub menu items #### 1.24 * Improved woocommerce compatability to include auto updating ajax cart count change when items are added to cart #### 1.25 * Fixed bug in auto cart updating feature for woocommerce #### 1.26 * Added very subtle fade-in pure CSS animation for dropdown hover effect if any sub menu items are present. #### 1.27 * Switched from custom nav menu queries to using a walker class with wp_nav_menu function. This allowed for multiple menu hierarchy support (parent -> child - > grandchild). The navigation menu now supports dropdowns for up to 3 layers deep. #### 1.28 * Fixed bug with dropdown system on desktop. Created custom walker for desktop. #### 1.29 * Fixed minor CSS bug with dropdown #### 1.30 * Fixed minor CSS bug #### 1.31 * Fixed CSS typo #### 1.32 * Cleaned up nav li classes (too many extra classes were generated) #### 1.33 * Re-integrated woocommerce cart icon into nav walker wrapper #### 1.34 * Restored ability to assign custom classes from wp admin menu to each menu item #### 1.35 * Resolved PHP Warning walker start_el and start_lvl function declaration adherence #### 1.36 * Resolved conflicting CSS name #### 1.37 * Increased sub menu depth for mobile from 2 to 3 #### 1.38 * Reversion of change in 1.37 and added admin option to actually specify which menu you want the plugin to use #### 1.39 * Fixed location menu nav chooser in admin settings and application of nav location choice on front end #### 1.40 * Removed important declaration from padding left for sub menu items #### 1.41 * Added jQuery click function to auto close the extended menu when an actual menu option is clicked #### 1.42 * Re-organized admin settings into tabs for easier management #### 1.43 * Switched to pure CSS for hiding showing tabbed admin settings for better stability #### 1.44 * Fixed problem with admin plugin settings url changing between dev and prod plugin environments #### 1.45 * Fixed bug in location foreach loop to build location and menu value array ultimately to walk the navigation and build the menu #### 1.46 * Added ability to set width for menu bar logo #### 1.47 * Changed max width for mobile logo setting #### 1.48 * Mobile version of menu was not showing arrow indicator for sub menu items #### 1.49 * Adjustment to the WP Nav walker for mobile to specifically allow for children and grandchildren sub menu options #### 1.50 * Fix jQuery nav open/close trigger if the menu option is an anchor tag #### 1.51 * Adjust query nav open/close trigger if anchor tag is present to be if there is sub menus present to negate if you wanted it to expand the menu option #### 1.52 * WordPress 5 compatibility #### 1.53 * Show shopping cart icon on mobile full nav bar #### 1.54 * Minor CSS fix #### 1.55 * Fixed bug where shopping cart for mobile and desktop both were showing up at the same time #### 1.56 * Added admin option for main content container top padding to ensure content is enough below the nav bar * Added admin option and logic to display a search icon which will reveal a search box below the nav menu * Added admin options to customize the design of the search dropdown bar #### 1.57 * Mouse icon will change to pointer when hovering search icon now #### 1.58 * Change get_site_url to get_home_url to accommodate translations for home logo link #### 1.59 * Search icon was mistakenly using wrong font awesome class version #### 1.60 * Fixed search icon again #### 1.61 * Fixed warnings from dependency with google fonts, removed google fonts, added ability to enter font names to use, added ability to set menu bar height, added ability to set nav logo width on mobile #### 1.62 * Fixed var name typo for bar height declaration #### 1.63 * WordPress 5.4 compatibility #### 1.64 * WordPress 5.5 compatibility * Fixed bug with full transparency on overlay or nav bar containers #### 1.65 * Added class for main logo container #### 1.65 * Fixed bug with overlay transparency inheriting bar transparency setting instead #### 1.66 * Fixed variable name typo * WordPress 6.3 compatibility * PHP 8.1 compatibility #### 1.9.0 * WordPress 6.3 * PHP 8.1 fix #### 1.9.1 * PHP 8.1 Fix #### 1.9.2 * PHP 8.4 compatibility fix – Fixed undefined variable warnings * Security: Sanitized $_GET input for tab parameter * Fixed text domain consistency (changed ‘prfx-textdomain’ to ‘shift8-fullnav’) * Added Text Domain header to plugin file * Updated CSS/JS version numbers to match plugin version (1.9.2) * Fixed variable naming typo in search button font size #### 1.9.3 * PHP 8.4 compatibility – Comprehensive audit and fixes for all undefined variable and array key warnings * Fixed undefined variable $shift8_fullnav_menu in shift8-fullnav.php (line 65) * Fixed undefined array key “location_name” warnings in components/functions.php( lines 28, 63, 76) * Fixed undefined variable $menu_id warnings in components/functions.php (lines 62, 75) * Fixed potential array access issue in shift8_fullnav_get_image_id() function * Added type checking in hex2rgba() function to prevent string offset warnings * Added array validation before foreach loops to prevent iteration warnings * Maintenance release – Version number synchronization across all plugin files * Updated enqueued CSS/JS version references to 1.9.3 for proper cache busting * Documentation improvements and code quality enhancements #### 1.9.4 * Version bump – All PHP 8.4 compatibility fixes consolidated and verified * Updated enqueued CSS/JS version references to 1.9.4 ## Meta * Version **1.9.4** * Last updated **5 months ago** * Active installations **50+** * WordPress version ** 3.0.1 or higher ** * Tested up to **6.8.5** * Language * [English (US)](https://wordpress.org/plugins/shift8-full-navigation/) * Tags * [sticky menu](https://pcd.wordpress.org/plugins/tags/sticky-menu/)[sticky navigation](https://pcd.wordpress.org/plugins/tags/sticky-navigation/) * [Advanced View](https://pcd.wordpress.org/plugins/shift8-full-navigation/advanced/) ## Ratings 3.3 out of 5 stars. * [ 2 5-star reviews ](https://wordpress.org/support/plugin/shift8-full-navigation/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/shift8-full-navigation/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/shift8-full-navigation/reviews/?filter=3) * [ 1 2-star review ](https://wordpress.org/support/plugin/shift8-full-navigation/reviews/?filter=2) * [ 1 1-star review ](https://wordpress.org/support/plugin/shift8-full-navigation/reviews/?filter=1) [Add my review](https://wordpress.org/support/plugin/shift8-full-navigation/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/shift8-full-navigation/reviews/) ## Contributors * [ shift8 ](https://profiles.wordpress.org/shift8/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/shift8-full-navigation/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://www.shift8web.ca)