Search Over 30,000 FREE Plugins from the Official WordPress Plugin Directory Repository

Magic Liquidizer Responsive Navigationbar

A Responsive Web Design (RWD) plugin that makes your existing Navigation Bar / Nav Menu become an instant responsive or mobile compatible.

A simple and lightweight Wordpress plugin that instantly make your existing Navigation Bar or Nav Menu responsive. It's a must have Responsive Web Design (RWD) plugin for your web development. Navigation Bar or Nav Menu can cause overflow or not function well on mobile screens or when you drag to minimize your browser for mobile screens simulation especially when the your Nav contains long text and multiple dropdowns or fully nested. So this is your solution!

Magic Liquidizer Responsive Navigationbar plugin
  • is just one of many features of Magic Liquidizer for a complete Responsive Web Design solution such as images, texts, forms, tables, navigation menu, and other HTML elements.

Basically the demonstration link below is where Magic Liquidizer plugin installed, minus anything else, just observe the Responsive Navigation Bar or Nav Menu feature. See DEMO. And minimize your browser for mobile simulation

If you like this plugin, good ratings is much appreciated.

For more information kindly check Responsive Navigationbar / Nav Menu article. and leave a message via our contact form for further concerns.

Author Elvin D.
Contributors esstat17
Tags fluid, mobile screens, nav menu, navigationbar, responsive, wp menu
  1. magic-liquidizer-responsive-navigationbar screenshot 1

    How does your Navigation Bar / Nav Menu look like on large screens. screenshot-1.png

  2. magic-liquidizer-responsive-navigationbar screenshot 2

    Magic Liquidizer Responsive Navigation Bar - Wordpress Admin Section. screenshot-2.png

  3. magic-liquidizer-responsive-navigationbar screenshot 3

    This screenshot was taken from our DEMO page AFTER installation. Mobile screens screenshot. screenshot-3.png screenshot-4.png

Installation is very easy, download and upload via WordPress Plugin Section.

  1. After activation, go to Dashboard > Magic Liquidizer Lite > Navigationbar.

You're done!

1.0.3 - 02/02/2017

  • [Fixed] Bug fixes on Uninstallation via WP Plugin

1.0.2 - 05/30/2016

  • [Modified] Utilizing add_action() called wp_footer instead of wp_print_footer_scripts
  • [Fixed] Preventing the script to kick in Wp Login Page /wp-admin

1.0.1 - 04/11/2016

    • [Added] Internationalizing (text domain)
    • [Modified] Simplifying Codes
    • [Updated] Actions and Filters Hooks

1.0.0 - 09/04/2014

  • Initial Released Date

Where to find Magic Liquidizer Responsive Navigationbar settings?

You can find via Wordpress Dashboard > Magic Liquidizer Lite > Navigationbar.

How to get navigationbar Class or ID?

You can use Chrome Inspector or Firefox Firebug Extension to inspect element. But basically nav value signifies that <nav> .. </nav&gt tag; will make responsive. But I suggest to specify your ID or class instead. Please watch this video tutorial on YouTube

Version 1.0.3

Requires WordPress version: 3.0.1 or higher

Compatible up to: 4.7.2

Last Updated 02 Feb 2017

Date Added: 04 Sep 2014

Plugin Homepage


5 stars
1 ratings


Not Enough Data

Works: 0
Broken: 0