Follow for free plugins, new theme releases and theme news
Plugin Description
Shift8 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 :
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 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
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
