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

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 the Tips Below.

Start the Tips:

1. First Download "jquery-responsive-select-menu.zip" Plugin to your Local Computer. (Click Download)

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

/stack/wp/e1593231376d7d849d2-4597-4fa3-a6ff-1eca18f72aab.png

3. Then, Click on "Plugins" + "Add New" from left sidemenu of Dashboard.

/stack/wp/e1593231378Screenshot20.png

4. Now, Click on "Upload Plugin" button.

/stack/wp/e1593231380Screenshot-2019-4-2AddPluginsHorjeWordPress.png

 

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"

/stack/wp/e15931461531577025694plugin.png

6. Now, Click on "Active Plugin"

/stack/wp/e15932313830ca45529-bf73-4101-8178-53ae60ce549f.png

7. Then, See left sidemenu. "jQuery Responsive Select Menu" folder is added on left sidemenu. Now, Click on "jQuery Responsive Select Menu" folder.

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

8. Now you configure yourself oR Watch video tutorial below about jQuery Responsive Select Menu Configurtions and Settings or How to work "jQuery Responsive Select Menu" in your WordPress site.

 

oR

After Activated Plugin According to Step-6 then,

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



Guide

Installation

  1. Install and activate the plugin.
  2. 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:

    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 “#”.


menus, down, drop, screen, below, width, certain, select, into, your,

Name

Reffered: https://wordpress.org/

Share on: