Title: TeenyBar Author: Neutrope Inc. Published: July 12, 2026 Last modified: July 12, 2026 --- Search plugins ![](https://ps.w.org/teenybar/assets/banner-772x250.png?rev=3605309) ![](https://ps.w.org/teenybar/assets/icon-256x256.png?rev=3605309) # TeenyBar By [Neutrope Inc.](https://profiles.wordpress.org/neutropeinc/) [Download](https://downloads.wordpress.org/plugin/teenybar.0.4.4.zip) * [Details](https://wordpress.org/plugins/teenybar/#description) * [Reviews](https://wordpress.org/plugins/teenybar/#reviews) * [Installation](https://wordpress.org/plugins/teenybar/#installation) * [Development](https://wordpress.org/plugins/teenybar/#developers) [Support](https://wordpress.org/support/plugin/teenybar/) ## Description TeenyBar is a lightweight plugin that hides the WordPress Admin Bar on the front end of your site while you are logged in, and only reveals it when you move the mouse into a configured hotzone. No persistent Show button, toggle, or icon is added to the front end, so screenshots and design reviews stay clean. * No persistent “Show” button, toggle, or icon is rendered on the front end. * Choose one hotzone (top-left corner, top edge, or top-right corner). The Admin Bar appears only while the mouse is near it. * While the Admin Bar is visible, the page is pushed down by the Admin Bar height. As soon as the mouse leaves, the top offset returns to zero. * The WordPress admin (wp-admin) is not affected: the Admin Bar behaves normally there. * The Admin Bar background color can be changed with a color picker. * The audience can be limited to administrators or expanded to every logged-in user. * Fixed-header compatibility mode: for themes with a `position: fixed` or `sticky` header, you can enter one or more CSS selectors. While the Admin Bar is visible the matching elements are pushed down by 32px (PC) or 46px (mobile), preventing them from being hidden behind the Admin Bar. While the Admin Bar is hidden the offset is forced to zero so no gap remains at the top of the page. * Auto-detect button: the settings screen ships with an “Auto-detect” button that loads the front page in a hidden iframe, looks for sticky / fixed header candidates before and after scrolling, and fills the CSS selector field with the best guess. Nothing is saved until you confirm. * Reveal / hide delays: choose how long to wait after entering a hotzone before the Admin Bar appears (0, 100, 200, or 300 ms), and how long to wait after leaving before it hides (100, 200, 300, 500, 800, or 1000 ms). ## Screenshots [[ [[ [[ [[ ## Installation 1. Upload the plugin ZIP from “Plugins > Add New > Upload Plugin” in the WordPress admin. 2. Activate the plugin. 3. Go to “Settings > TeenyBar” and configure the hotzone, audience, background color, fixed-header selector, and reveal / hide delays as needed. ## FAQ ### Does this affect the WordPress admin screen? No. The Admin Bar behaves normally inside `wp-admin`. The hide / hover behavior only applies to the front end. ### My theme has a fixed header. The Admin Bar overlaps it. Enable fixed-header compatibility by entering a CSS selector that matches your header( for example, `header.site-header`, `#masthead`, or `header.is-sticky`). You can list multiple selectors separated by commas. The “Auto-detect” button in the settings screen can suggest one for you. ### My theme leaves a 32px / 46px gap at the top even when the Admin Bar is hidden. That is exactly the case TeenyBar is designed to fix. From v0.3.2 onwards, WordPress core’s `_admin_bar_bump_cb` is removed on TeenyBar-enabled front-end pages, and the plugin also resets `margin-top` / `padding-top` on `html` and `body.admin-bar` while the bar is hidden. v0.4.0 added auto-detection for fixed headers, and v0.4.1 is a maintenance release that prepares the plugin for the WordPress plugin directory. ### Will the auto-detect button save automatically? No. The button only fills in the selector field. Review the result and press “Save Changes” if you are happy with it. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “TeenyBar” is open source software. The following people have contributed to this plugin. Contributors * [ Neutrope Inc. ](https://profiles.wordpress.org/neutropeinc/) [Translate “TeenyBar” into your language.](https://translate.wordpress.org/projects/wp-plugins/teenybar) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/teenybar/), check out the [SVN repository](https://plugins.svn.wordpress.org/teenybar/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/teenybar/) by [RSS](https://plugins.trac.wordpress.org/log/teenybar/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 0.4.4 * Updated internal prefixes and contributor metadata for WordPress.org review. No functional changes. #### 0.4.3 * Renamed the main plugin file to `teenybar.php` to align the distributable package with the WordPress.org plugin slug. * Updated plugin metadata URLs for WordPress.org submission. * No behavior changes for end users. #### 0.4.2 * Added `Requires at least: 5.8` and `Requires PHP: 7.4` headers to the main plugin file so WordPress can surface compatibility requirements. * No behavior changes for end users. #### 0.4.1 * Maintenance release preparing the plugin for submission to the WordPress plugin directory. * Renamed the public name to “TeenyBar” and switched the text domain to `teenybar`. * Reworked dynamic CSS output to use `wp_add_inline_style()` and switched the bootstrap script to `wp_print_inline_script_tag()` to satisfy the WPCS escape rules. * Removed the manual `load_plugin_textdomain()` call (WordPress 4.6+ loads it automatically for plugins hosted on WordPress.org). * Bumped “Tested up to” to 7.0. * Translated `readme.txt` to English. * No behavior changes for end users. #### 0.4.0 * Added an “Auto-detect” button to the settings screen. * The button opens the front page in a hidden iframe and looks for fixed / sticky header candidates before and after scrolling, then fills the CSS selector field with the best match. * Auto-detection acts as an input helper before save; the manual / confirm / save flow is preserved. #### 0.3.5 * Limited the fixed-header compatibility shift to elements that are currently ` position: fixed` or `sticky`. * Fixed a case where pre-scroll static navs received the top offset and only the link text was pushed down. #### 0.3.4 * Switched the fixed-header top adjustment to inline `!important` so it can win against themes that set `top: 0 !important` themselves. * Saved and restored the original inline `top` value and priority so theme inline styles are not lost. #### 0.3.3 * Strengthened fixed-header compatibility: the top adjustment is now reapplied after scroll, resize, and DOM / class mutations on the configured selectors. * Addressed cases where a fixed header that appears after scrolling would overlap the Admin Bar. * Preserved the `show_delay` / `hide_delay` behavior and the no-extra-UI policy. #### 0.3.2 * Hotfix: removed WordPress core’s `_admin_bar_bump_cb` from `wp_head` on TeenyBar- enabled front-end pages so core no longer emits `html { margin-top: 32px !important;}`. * Strengthened the `margin-top` / `padding-top` reset on `html` and `body` while the Admin Bar is hidden. * The visible-state push-down is now centralized on the `teenybar-bar-visible` class (32px PC / 46px mobile). * The fixed-header compatibility flag is now derived from the selector value (empty means OFF, non-empty means ON) to prevent invalid `OFF + header.nt-header` combinations. * Fixed-header compatibility, `show_delay`, and `hide_delay` behavior are unchanged. #### 0.3.1 * Hotfix: added CSS that cancels the `margin-top` / `padding-top` themes apply to `body.admin-bar` while the Admin Bar is hidden, fixing the residual gap at the top of the page. * While the Admin Bar is hidden with fixed-header compatibility ON, the configured elements’ `top` / `margin-top` are explicitly reset to 0 to override theme rules such as `.admin-bar header { top: 32px }`. * The hidden-state correction is applied from the initial render, so there is no flash before the first hover. * Strengthened the `pagehide` cleanup so all managed elements are restored to their original inline `top`. * No impact on `show_delay` / `hide_delay` or hotzone behavior. #### 0.3.0 * Added a reveal delay (0 / 100 / 200 / 300 ms, default 0 ms). * Added a hide delay (100 / 200 / 300 / 500 / 800 / 1000 ms, default 100 ms). * Leaving the hotzone before the reveal delay fires cancels the reveal entirely. * Returning to the Admin Bar / hotzone before the hide delay fires keeps the bar visible. * Defaults are close to the v0.2.0 feel (0 ms / 100 ms), so existing behavior is preserved. #### 0.2.0 * Added fixed-header compatibility mode (OFF / ON + CSS selector). While the Admin Bar is visible the matching elements are pushed down 32px / 46px, and the original inline `top` is restored on hide. * `prefers-reduced-motion: reduce` now suppresses the Admin Bar transition. * Exposed the `--teenybar-bar-h` CSS variable so themes can drive their own header offsets. * No behavior change with defaults (compatibility OFF and empty selector). #### 0.1.0 * Initial MVP release. ## Meta * Version **0.4.4** * Last updated **9 hours ago** * Active installations **Fewer than 10** * WordPress version ** 5.8 or higher ** * Tested up to **7.0.1** * PHP version ** 7.4 or higher ** * Tags * [admin bar](https://wordpress.org/plugins/tags/admin-bar/)[Frontend](https://wordpress.org/plugins/tags/frontend/) [hover](https://wordpress.org/plugins/tags/hover/)[toolbar](https://wordpress.org/plugins/tags/toolbar/) [ux](https://wordpress.org/plugins/tags/ux/) * [Advanced View](https://wordpress.org/plugins/teenybar/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/teenybar/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/teenybar/reviews/) ## Contributors * [ Neutrope Inc. ](https://profiles.wordpress.org/neutropeinc/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/teenybar/)