Noted That:

• To install correctly this unobtrusive-admin-bar.zip .
• Fisrt Download the unobtrusive-admin-bar.zip to your computer
• Extract/Open unobtrusive-admin-bar.zip to Your Computer.
• Then, Find readme.txt file inside unobtrusive-admin-bar.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:

1. First Download " unobtrusive-admin-bar.zip " Plugin to your Local Computer. (Click Download)

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

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

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

5. Now, Browse " unobtrusive-admin-bar.zip "  Downloaded plugin from your computer, Where you downloaded unobtrusive-admin-bar.zip According to Step – 1 Above then, click on " Install Now"

6. Now, Click on " Active Plugin"

7. Then, See left sidemenu. " Unobtrusive Admin Bar " folder is added on left sidemenu. Now, Click on " Unobtrusive Admin Bar " folder.

   Noted that: If you do not see " Unobtrusive Admin Bar " folder on left sidemenu then, see at left sidemenu " Settings " or " Tools ".

8. Now you configure yourself oR Watch video tutorial below about  Unobtrusive Admin Bar Configurtions and Settings or How to work " Unobtrusive Admin Bar " in your WordPress site.

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 " Unobtrusive Admin Bar " Activated Plugin from Plugin List.
4. Then, Click on " Settings " from Plugin that is Unobtrusive Admin Bar
5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,

Upload the plugin to your WordPress plugins directory, or use the dashboard to ‘Add New’ plugins and activate it.

Filters

There are a couple of filters available to make adjustments for your site. These may be added to an options panel in a future release.

uab_responsive_break_point

• This passes a numeric value. The admin-bar is shown automatically on smaller screens because an auto-hide effect on hover would not work with touch devices. The default value is 783 which is the current WordPress break point for showing the mobile styling for the admin bar.

Sample use:

function my_adminbar_breakpoint( $break ) $break = 960; return $break;
}
add_filter('uab_responsive_break_point', 'my_adminbar_breakpoint');

uab_add_top_margin

• Optionally adds back the margin to and for the admin bar. The result is the page content pushes down during the display of the admin bar. Due to the positioning of headers and menus with fixed and top docked styles this often has no effect. The allowed values are (boolean) true, false and (string) ‘top’. The default setting is false . The ‘top’ value will apply the margin only when the user has not scrolled.

Sample use:

function my_adminbar_margin( $option ) $option = true; // false (default), true or 'top' return $option;
}
add_filter('uab_add_top_margin', 'my_adminbar_margin');