The header is a content block at the upper part of your website that appears on every page. It usually contains the logo of a store, the main navigation menu, and other elements such as a search bar, shopping cart icon, etc.
The header plays a vital role in branding your site, helping visitors navigate, and displaying your most important pages.
You can freely customize your header to suit your business needs by adding your logo image, choosing the main menu, and other addons using Minimog theme.
Header section
Logo settings
Add a logo in the header to grab visitors' attention and set the tone for your brand. The recommended image size and format is 200x80px .png with a transparent background.
Steps
1.
In the theme editor (Customize), click Header
2.
Select image under Logo
3.
Save
To add SVG logos, kindly upload them in Shopify Settings > Files and get the URLs.
Resize the logo image by increasing or decreasing the width on desktop/mobile or when it is sticky.
Design settings
Change the position of the logo and menus based on your preferences.
1. Logo and menu in 1 line
Logo in center 1
Logo in center (with 2nd menu)
Logo left
2. Logo and menu in 2 lines
Logo center
Logo left
Logo left
Minimog lets you enable a sticky header to keep the navigation visible on the scroll.
1. Transparent header with sticky scrolling
2. No transparent header with sticky scrolling
3. Default scrolling
Menu settings
This section lets you display your desired menus along with the logo. You can choose your desktop menu and mobile menu separately.
To add, remove or edit menus in your Shopify store, see Editing menus.
Addons
Addons provide extra settings to the header such as search, currency selector, language selector, etc. by enabling the suitable checkboxes.
For search, you can either show the full search box or only the search icon.
How to add multiple languages to your store
Regarding currency selector and language selector, you must configure them in Shopify admin for them to show on the front end.
Go to Shopify Admin > Settings > Payments and Languages.
How to enable your store to sell in multiple currencies