I'm trying to load the admin toolbar on the front end immediately after the head tag in my header.

I'm trying to achieve something like this as opposed to how it usually gets loaded at the end of the page.

<div id="wpadminbar" class="show-wp-toolbar" role="navigation">...</div>
<li><a href="index.php">Home</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/blog/">Blog</a></li>

I want the menu bar to flow naturally with the rest of the page instead of being fixed so when I scroll up it hides with everything else.

I've found the admin bar gets loaded in "wordpress/wp-settings.php" on line 146:

   require( ABSPATH . WPINC . '/admin-bar.php' );

And admin bar itself is at:


However, I'm new at PHP and have had trouble figuring out how the order of page elements is determined.


This is just a CSS edit. You don't need to alter how or where the admin menu loads. Add ...

#wpadminbar {
  position: absolute;

to your theme's stylesheet.

|improve this answer|||||

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.