Title: Magic Liquidizer Responsive Navigationbar
Author: Elvin D
Published: <strong>2014 年 9 月 4 日</strong>
Last modified: 2017 年 2 月 2 日

---

搜索插件

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://s.w.org/plugins/geopattern-icon/magic-liquidizer-responsive-navigationbar.
svg)

# Magic Liquidizer Responsive Navigationbar

 作者：[Elvin D](https://profiles.wordpress.org/esstat17/)

[下载](https://downloads.wordpress.org/plugin/magic-liquidizer-responsive-navigationbar.zip)

 * [详情](https://cn.wordpress.org/plugins/magic-liquidizer-responsive-navigationbar/#description)
 * [评价](https://cn.wordpress.org/plugins/magic-liquidizer-responsive-navigationbar/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/magic-liquidizer-responsive-navigationbar/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/magic-liquidizer-responsive-navigationbar/#developers)

 [支持](https://wordpress.org/support/plugin/magic-liquidizer-responsive-navigationbar/)

## 描述

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 <a href="http://www.innovedesigns.com/wordpress/plugin/magic-liquidizer-instant-responsive-web-design-plugin-for-wordpress/">Magic Liquidizer</a> 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](http://www.innovedesigns.com/wordpress/plugin/magic-liquidizer-responsive-nagivation-bar-must-have-rwd-plugin/).
And minimize your browser for mobile simulation

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

For more information kindly check [InnoveDesigns.com Responsive Navigationbar / Nav Menu article.](http://www.innovedesigns.com/wordpress/plugin/magic-liquidizer-responsive-nagivation-bar-must-have-rwd-plugin/)
and leave a message via our contact form for further concerns.

## 屏幕截图

 * [[
 * How does your Navigation Bar / Nav Menu look like on large screens. screenshot-
   1.png
 * [[
 * Magic Liquidizer Responsive Navigation Bar – Wordpress Admin Section. screenshot-
   2.png
 * [[
 * 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!

## 常见问题

  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](http://youtu.be/wIxxrbAV7AY)

## 评价

![](https://secure.gravatar.com/avatar/cab853747274dde0483256ae9d58c63aa153c2aaee0087f0b48f363d6376cbe2?
s=60&d=retro&r=g)

### 󠀁[Navigation Menu- RWD Must Have](https://wordpress.org/support/topic/navigation-menu-rwd-must-have/)󠁿

 [Elvin D](https://profiles.wordpress.org/esstat17/) 2017 年 2 月 8 日

If you want to convert your existing navigation menu to become responsive, think
this is very useful. Please email me at esstat17[AT]gmail.com for further concerns.
Thank you!

 [ 阅读所有1条评价 ](https://wordpress.org/support/plugin/magic-liquidizer-responsive-navigationbar/reviews/)

## 贡献者及开发者

「Magic Liquidizer Responsive Navigationbar」是开源软件。 以下人员对此插件做出了
贡献。

贡献者

 *   [ Elvin D ](https://profiles.wordpress.org/esstat17/)

[帮助将「Magic Liquidizer Responsive Navigationbar」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/magic-liquidizer-responsive-navigationbar)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/magic-liquidizer-responsive-navigationbar/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/magic-liquidizer-responsive-navigationbar/)，
或通过[RSS](https://plugins.trac.wordpress.org/log/magic-liquidizer-responsive-navigationbar/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/magic-liquidizer-responsive-navigationbar/)。

## 更新日志

#### 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

## 额外信息

 *  版本 **1.0.3**
 *  最后更新：**9 年前**
 *  活跃安装数量 **20+**
 *  WordPress 版本 ** 3.0.1 或更高版本 **
 *  已测试的最高版本为 **4.7.33**
 *  语言
 * [English (US)](https://wordpress.org/plugins/magic-liquidizer-responsive-navigationbar/)
 * 标签
 * [fluid](https://cn.wordpress.org/plugins/tags/fluid/)[mobile screens](https://cn.wordpress.org/plugins/tags/mobile-screens/)
   [nav menu](https://cn.wordpress.org/plugins/tags/nav-menu/)[responsive](https://cn.wordpress.org/plugins/tags/responsive/)
 *  [高级视图](https://cn.wordpress.org/plugins/magic-liquidizer-responsive-navigationbar/advanced/)

## 评级

 5 星（最高 5 星）。

 *  [  1 条 5 星评价     ](https://wordpress.org/support/plugin/magic-liquidizer-responsive-navigationbar/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/magic-liquidizer-responsive-navigationbar/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/magic-liquidizer-responsive-navigationbar/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/magic-liquidizer-responsive-navigationbar/reviews/?filter=2)
 *  [  0 条 1 星评价     ](https://wordpress.org/support/plugin/magic-liquidizer-responsive-navigationbar/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/magic-liquidizer-responsive-navigationbar/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/magic-liquidizer-responsive-navigationbar/reviews/)

## 贡献者

 *   [ Elvin D ](https://profiles.wordpress.org/esstat17/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/magic-liquidizer-responsive-navigationbar/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](http://www.innovedesigns.com/wordpress/plugin/magic-liquidizer-responsive-nagivation-bar-must-have-rwd-plugin/)