Our site is great except that we don‘t support your browser. Try the latest version of Chrome, Firefox, Edge or Safari. See supported browsers.

Superfly — Responsive WordPress Menu Plugin

Cover imageCover Image For Superfly — Responsive WordPress Menu Plugin
Love this item?
Subscribe to unlock this item and 1,200,000 web, design & stock assets
Enjoy Unlimited Downloads
Already an Envato member?
Sign in here.

Superfly is a responsive WordPress menu plugin that generates space efficient vertical push/sliding/static navigation, icon toolbar or fullscreen menu on your choice. It can be used as standalone navigation or compliment your main menu. Superfly makes navigation much easier and user-friendly both on desktops and mobiles. Concept of slide in vertical menu that proved itself on mobiles now shines on desktops too! It can be used as always visible navigation as well.

Mouseover interface removes necessity of extra click and user reveals menu with easy move and beautiful appearance. Click option is still available though. Under the hood, only industry’s best practices are used for animations and smooth performance.

Can be used as section navigation for one page sites (when menu items has href attribute like href="#contact"). Superfly provides smooth scrolling.

Slide in vertical menu is the trendiest flow in web design these days. Now this navigation pattern comes to WordPress with Superfly WordPress Menu Plugin. It perfectly suits for every modern site.

How it works

Superfly sits on standard Wordpress menu system. So you create standard WP menu (or use existing) in WP admin on Appearance/Menus page and then you choose this menu on Superfly?s options page as source. Superfly injects specified menu in its sidebar. Also you have option to specify alternative menu using CSS selector if you want to use some existing menu on page as source for Superfly. Plugin doesn’t replace existing theme menus. In this case y ou should disable default menu in menu locations settings or hide by simple CSS (ask advise for this with your live URL).

Features

  • Various menu modes. Slide in menu, static menu, compact icon navbar, skewed panel, fullscreen mode.
  • 100% Responsive. Superfly suits perfectly to different screen sizes.
  • Displaying control. Show/hide on mobiles, show/hide on desktops, show on specific pages, show for logged in users etc.
  • Content areas. Use rich-text editor to add and style custom content or shortcodes.
  • Trigger settings. Option to hide default menu button (label) and toggle menu from any element like button, link, image etc.
  • Multiple menu sources. Attach to Superfly as much WordPress menus as you need.
  • Google Fonts + settings. Choose font family, size, alignment, line-height, colors and more!
  • Rich elements. Decorate your menu with widgets, shortcodes or any custom html.
  • Styling menu. Design your menu items by adding images, chapters, separators, icons, second row text etc. Change font settings, colors, background image, your logo and more!
  • Multi-level menus support (up to 4 levels). Proper adaptation for both desktop and mobile devices.
  • Menu sections. Group your menu items into logical sections and style it headings.
  • Smooth scroll. Little but great feature especially for one page websites. Get a smooth scrolling to your anchored elements.
  • Label fixed to content. Button can be scrolled with content and its floating is disabled.
  • Icon library. Use pre-installed icon sets or upload your own to style menu items and menu button.
  • Behavior options. Like pushing content or not, opening on hover or click etc.
  • Enhanced mobile support. Use Superfly on all devices or mobile only. You can even add navigation bar with your logo for smartphones. Swipes are supported as well.
  • Rich menu button settings. x,y positioning, base and icon colors, text label, size, custom icon and more!
  • Beautiful animations. Optimized greatly and created with pure CSS3.
  • Cosy admin panel. Clean design, simple understandable structure and tons of options handy in use.
  • Social bar. Facebook, Twitter, Instagram, Pinterest, Google+, Pinterest, Dribbble, YouTube, Vimeo, SoundCloud, Skype, RSS, e-mail.

Known issues

Chrome browser has some glitches rendering fixed background (background-attachment:fixed rule) after CSS transformations applied (which is happening when plugin pushes content). Background becomes static and flickers. This cannot be fixed until Chrome devs fix this for their browser. Plugin applies workaround for this case when body element has fixed background. For rest elements it applies background attachment ‘static’ in Chrome. You can use slide out animation instead of pushing content if you want your background to be fixed.

No RTL support currently.

Requirements

  • PHP 5.3+ with ZIP extension enabled (one line in php.ini)
  • jQuery 1.7+
  • Your theme must follow standards and add WP classes to menu items
    • Documentation Included
    • Updates included
    • Personalized support not included
  • File Types

    CSS, JS, PHP
  • Compatible Versions

    Tested up to version 4.9
  • Additions

    • Responsive
    • Retina ready
  • Commercial License

    Further Information

Similar WordPress

See more
  • Cover imageThumbnail for Royal Dock Menu Multimedia Slider Wordpress Plugin
    Royal Dock Menu Multimedia Slider Wordpress Plugin
  • Cover imageThumbnail for Seller - Responsive MultiPurpose WordPress Theme
    Seller - Responsive MultiPurpose WordPress Theme
  • Cover imageThumbnail for Responsive Zoom In/Out Slider WordPress Plugin
    Responsive Zoom In/Out Slider WordPress Plugin
  • Cover imageThumbnail for Navi: Fullscreen WordPress Menu
    Navi: Fullscreen WordPress Menu

More from looks_awesome

See more
  • Cover imageThumbnail for Instagram Feed Gallery — Grace for WordPress
    Instagram Feed Gallery — Grace for WordPress
  • Cover imageThumbnail for WordPress Social Stream Plugin — Flow-Flow
    WordPress Social Stream Plugin — Flow-Flow
  • Cover imageThumbnail for Ninja Kick: WordPress Contact Form Plugin
    Ninja Kick: WordPress Contact Form Plugin
  • Cover imageThumbnail for Team Builder — Meet The Team WordPress Plugin
    Team Builder — Meet The Team WordPress Plugin
Stay up to date with design trends. New items added daily