Move admin bar to bottom to get it out of the way of menus at top on fixed heads.
function fb_move_admin_bar() { echo '<style type="text/css"> body.admin-bar { margin-top: -32px; padding-bottom: 32px; } #wpadminbar { top: auto !important; bottom: 0; } #wpadminbar .quicklinks>ul>li { position:relative; } #wpadminbar .ab-top-menu>.menupop>.ab-sub-wrapper { bottom:32px; } </style>'; } // on backend area //if ( is_admin_bar_showing() ) //{add_action( 'admin_head', 'fb_move_admin_bar' );} // on frontend area if ( is_admin_bar_showing() ) {add_action( 'wp_head', 'fb_move_admin_bar' );}
Reference Links
https://css-tricks.com/snippets/wordpress/move-wordpress-admin-bar-to-the-bottom/