This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Blurry – Mobile menu

Description

Demo here

Navigation is a very important part of user experience and Blurry makes it easier for small screens. It uses cutting-edge CSS3 techniques like blur effect for whole page (with fallbacks if blur is not supported) and various animations for menus.

Blurry is not just another one of the hundreds of average drop down menus you’ve seen on WordPress websites. This plugin makes the background blur in sleek and amazing way when the navigation displays. Your website starts to look like custom mobile application or game if you wish.

Blurry supports multi-level navigation with no limitation in depth. The easy tap-tap interface is obvious and does not detract visitors. For better navigation on your website the plugin includes built-in search which is optional. Overall Blurry is all about best UI/UX practices combined with amazing design.

This Plugin works on iOS, Android, Blackberry and Windows Mobile if device browser supports required features, if not the menu won’t generate.

Screenshots

  • How it looks

  • Another example

  • Landscape orientation

Installation

This section describes how to install the plugin and get it working

Automatic installation

To do an automatic install of Blurry, log in to your WordPress dashboard, navigate to the Plugins menu and click Add New.

In the search field type “Blurry” and click Search Plugins. Once you have found it you can install it by simply clicking “Install Now”.

Manual installation

Uploading via WordPress Dashboard

  1. Download blurry.zip
  2. Navigate to the ‘Add New’ in the plugins dashboard
  3. Navigate to the ‘Upload’ area
  4. Select blurry.zip from your computer
  5. Click ‘Install Now’
  6. Activate the plugin in the Plugin dashboard

Using FTP

  1. Download blurry.zip
  2. Extract the blurry directory to your computer
  3. Upload the blurry directory to the /wp-content/plugins/ directory
  4. Activate the plugin in the Plugin dashboard

The WordPress codex contains instructions on how to install a WordPress plugin.

Updating

You can use automatic update to update the plugin safely.

FAQ

How it works?

Blurry uses WordPress menu mapped to location specified on Blurry options page as source to generate the responsive menu. It can replace existing menu. You can edit these menus and its mappings in Appearance/Menus. Blurry requires standard WordPress 3 menu structure to work.

Where I can find settings?

Settings are located in WP Admin on Settings/Blurry Mobile Menu page

Does it replace default menu?

You can set plugin to do so on settings page. But this won’t work in 100% due to different approaches from theme authors

Do you provide support?

Plugin is distrubuted “as is” and doesn’t contain support services. However it can be our good will to help you.

Reviews

September 3, 2016
This plugin is great! I liked the demo and I really hoped that this plugin would work with the theme I'm using on a site for a non-profit. It works! It's great! I haven't been able to figure out the menu levels and the size that I should have made the logo for retina displays... but aside from those two issues... this menu is cool. Any chance that you could provide some documentation on your website?
Read all 4 reviews

Contributors & Developers

“Blurry – Mobile menu” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

Version 1.0.0

  • initial release