How to add Jquery Responsive Select Menu in Wordpress

Banner for Jquery Responsive Select Menu

Automatically turns your standard WordPress navigation menus into responsive select / drop-down menus when the screen is below a certain width. Wordpress Tutorial

Noted That:

To install correctly this jquery-responsive-select-menu.zip .
Fisrt Download the jquery-responsive-select-menu.zip to your computer
Extract/Open jquery-responsive-select-menu.zip to Your Computer.
Then, Find readme.txt file inside jquery-responsive-select-menu.zip and Open readme.txt .
Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
Then, Follow the Tips Below.

Start the Tips:

Step-1 : Download " jquery-responsive-select-menu.zip " to Your Local Computer.

Step-2 : Then, Login to your " yourdomain.com/wp-admin " Dashboard.

Login to Wordpress Jquery Responsive Select Menu

Step-3 : Then, Click on " Plugins " + " Add New " from left Side Menu of Dashboard.

Go to Plugin Install Jquery Responsive Select Menu

Step-4 : Now, Click on " Upload Plugin " button.

Click Upload Button Jquery Responsive Select Menu

Step-5 : Now, Browse " jquery-responsive-select-menu.zip " Downloaded plugin from your computer, Where you downloaded " jquery-responsive-select-menu.zip " According to Step – 1 Above then, click on " Install Now "

Upload Plugin Jquery Responsive Select Menu

Step-6 : Now, Click on " Active Plugin "

Step-7 : Then, See left Side Menu. " Jquery Responsive Select Menu " folder is added on left Side Menu. Now, Click on " Jquery Responsive Select Menu " folder.

Noted that: If you do not see " Jquery Responsive Select Menu " folder on left Side Menu then, see at left Side Menu " Settings " or " Tools ".

Step-8 : Now you configure yourself oR Watch video tutorial below about Jquery Responsive Select Menu Configurations and Settings or How to work " Jquery Responsive Select Menu " in your WordPress site.

After Activated Plugin According to Step-6 then,

Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
or Direct go to: https://yourdomain/wp-admin/plugins.php
Then, Find " jQuery Responsive Select Menu " Activated Plugin from Plugin List.
Then, Click on " Settings " from Plugin that is jQuery Responsive Select Menu
Now, Edit/Add/Config the setting and Click on " Save Changes " button,

Guide

Guide
Installation Install and activate the plugin. Configure the plugin via Settings > jQuery Responsive Select Menu . Settings Menu Container(s) Class / ID For each menu you wish to make responsive, enter the class or ID of an element containing that menu’s element. For example, say you have the following HTML markup: `Menu Item 1 Menu Item 2 Menu Item 3` You could enter `.nav-primary` or even `.nav-primary .wrap` for the Menu Container(s) Class / ID setting. If you have multiple menus you’d like make responsive, simply enter a comma-separated list. Note: you may need to use a tool like Chrome inspect or Firebug to determine the appropriate class / ID for your menus. Maximum Menu Width The width at which you want your normal menu to switch to the responsive, drop-down select menu. Sub Item Spacer The character used to denote sub-items in your drop-down select menus. First Term The text for the select menu’s top-level “dummy” item. If left blank, the drop-down select’s item will be the first item in your normal navigation menu. Show Current Page If checked, your drop-down select menu will show the current page. If unchecked, the menu will display the top-level “dummy” item. Omit Placeholder Items If checked, the generated drop-down menu won’t include any menu items whose `href` attribute is empty or “#”.

Installation

Install and activate the plugin.
Configure the plugin via Settings > jQuery Responsive Select Menu .

Settings

Menu Container(s) Class / ID
For each menu you wish to make responsive, enter the class or ID of an element containing that menu’s



 
 
 

Menu Item 1

 

Menu Item 2

 

Menu Item 3

You could enter .nav-primary or even .nav-primary .wrap for the Menu Container(s) Class / ID setting. If you have multiple menus you’d like make responsive, simply enter a comma-separated list.

Note: you may need to use a tool like Chrome inspect or Firebug to determine the appropriate class / ID for your menus.

Maximum Menu Width
The width at which you want your normal menu to switch to the responsive, drop-down select menu.

Sub Item Spacer
The character used to denote sub-items in your drop-down select menus.

First Term
The text for the select menu’s top-level “dummy” item. If left blank, the drop-down select’s item will be the first item in your normal navigation menu.

Show Current Page
If checked, your drop-down select menu will show the current page. If unchecked, the menu will display the top-level “dummy” item.

Omit Placeholder Items
If checked, the generated drop-down menu won’t include any menu items whose href attribute is empty or “#”.

Name
How to add Eupago For Woocommerce in Wordpress
How to add Most And Least Read Posts Widget in Wordpress
How to add Publishpress Authors in Wordpress
How to add Timologia For Woocommerce in Wordpress
How to add Flexmls Idx in Wordpress