The header is the rectangular area that runs across the top of your store containing your logo, navigation, search, and cart. It appears on every page to promote your company's brand and make it instantly recognizable to your visitors. This is a static section and cannot be repositioned.
Access the header through the theme editor
Go to Customize > Sections > Header to edit the header's appearance and features.
Add a header logo
Your store’s logo provides branding for your site and a clickable link to return to the home page. By default, Editions will display your store name as your logo. To replace it, click the Select image button and locate the file to use. 300 x 100px .PNG image files work best for the Editions header, but larger images will be automatically resized to fit this constraint.
Adjust the logo size by adding a number to the Custom logo width field. This will allow your store to accommodate retina screens (which have a pixel density double that of non-retina screens). For example, by uploading a logo that is 400px wide, then setting the custom logo width to 200px, this will help the logo to look sharp on both retina and non-retina devices.
Connect your navigation menu
In the Navigation admin, Online store > Navigation, there are two pre-populated menus: Main menu and Footer menu. Edit the links in these menus by clicking on the titles, or create additional menus by clicking the Add menu button.
Back in the theme editor, under Header > Navigation, connect the desired menu to your header. By default, it will display the Main menu. To change this, select Change.
Use the Condense dropdown menu size option to reduce the overall size of the dropdown menus
Display a product count for dropdowns
Enable Show product counts to include an item total for each menu item to show the total amount of products in the linked collection.