User blog comment:Rupert Giles/Introducing Updated Global Navigation/@comment-452-20140924211952

Some CSS which others may find useful to improve the look of the header. Add these to Special:MyPage/global.css.

Each of these lines can be used independently, except the final 2 lines.

/* stop the header scrolling */ .global-navigation { position: relative; }

/* height of user menu items */ .AccountNavigation .user-menu > li { height: 2em; }

/* height of notification menu items */
 * 1) GlobalNavigationWallNotifications .notification { line-height: inherit; padding: 0.3em 0; }

/* hide redundant notification menu header */
 * 1) GlobalNavigationWallNotifications .notifications-header { display: none; }

/* remove unnecessary borders */ .global-navigation * { border: none; }

/* The next 2 lines make the header background match the page width */ .global-navigation { border: none; background:none; } .global-navigation .page-width { background:white; }

See Help:JavaScript_and_CSS_Cheatsheet for more information about using CSS.

(I've only tested these in Chrome, but they should work in Firefox.)