In this article I am introducing, how to convert the boxed header of Metro Pro theme into slim sticky full width header. Also I replaced the background logo with inline logo, added the toggle search icon at right of the logo and moved the mobile responsive menu icon at left side of the logo.
See the step-by-step instructions at below.
Creating a full width site header and removing the secondary navigation bar at top. Open the style.css file of your metro pro theme and replace all “.site-container” text with “.site-inner” text. Just apply the search & replace action.