How to setup this header? Just go to Customize > Header > Header and select Header layout 3. With this header, you will have the your logo displayed above other content. The primary menu displays at bellow logo and is aligned center too; shopping cart icon, login/manage account icon and search icon is on the right side of the primary menu; Currency selector and language selector is the left side. (In order to have these selectors, you need to install additional plugins that we wrote in our documentation)
Please remember with all header layouts, you can select header background from two options – white or transparent. And you can select header text color as well.
Besides, the topbar can be configured separately.