# Header

The `Header` is a crucial part of your eCommerce store; featuring your **brand's logo**, **navigation**, and the **shopping cart** to name just a few.

### Getting Started

We will define each setting used in the Header section and explain how to use it with Machina.

**Section width -** you can toggle between `Full width` or `Page width`, this will either a white space or make the section edge-to-edge

**Header style** - you have 2 options, `Stacked` or `Overlay`. `Stacked` will show the header above the section below, while `Overlay` will position the header over the section below. Our recomendation for the `Overlay` setting is to enable this if the Slideshow section is directly below the header.

**Logo position** - you can switch the log to be positioned either on the `Left` or `Center` of the header

**Cart type** - you have 2 options, a cart `Drawer` or `Page`. If `Page` is selected, when you click on the cart icon in the header you will go directly to the cart page, wheras if the `Drawer` setting is selected, a drawer will open rather than the cart page.

**Upload logo image -** you can replace the default site name with a your business logo and change its width up to 200px.

**Enable sticky header -** you can enable this option if you want the header to be fixed to the top of the page when a user scrolls down the page.

**Enable account** - you can toggle this option to show/hide the account icon in the header

**Enable search** -  you can toggle this option to show/hide the search icon in the header and corresponding drawer

## Menu

When you're setting up your online store, you should think about how you want customers to find your products and information about your business. This will help you to make decisions about your online store navigation.

This setting allows you to pick a menu that has been created via **Online Store** > **Navigation**

To learn more about Menus and links in Shopify, [click here](https://help.shopify.com/en/manual/online-store/menus-and-links).