Header

Header

The header is the main navigation tool for visitors and is displayed on most pages. As it is part of the header group, it can only be displayed at the top of each page. Promotions can be added as blocks within mega menus.

Section settings for the header are listed in the table below.

SettingDescription
LogoAdd the logo to be displayed in the header.
Desktop logo widthSet the logo width for desktop screens.
MenuAdd the menu to be displayed in the header.
Desktop menu positionSelect the position of the menu on desktop devices.
Desktop menu typeSelect the type of menu (dropdown or mega menu) to be shown on desktop devices.
Enable sticky headerUse this setting to enable the sticky header. The sticky header stays at the top of the page when the page is scrolled.
AddressAdd an address to be displayed in the header.
Show address on mobileSelect whether the address is shown on mobile screens.
Phone numberAdd a phone number to be displayed in the header.
Show phone number on mobileSelect whether the phone number is shown on mobile screens.
EmailAdd an email address to be displayed in the header.
Show email on mobileSelect whether the email address is shown on mobile screens.
Color schemeSelect the color scheme for the header.
Menu color schemeSelect the color scheme for the dropdown or mega menu
Images
Image ratioSelect the image ratio for menu promotion images.
Hide borderUse this setting to hide borders on menu promotion images.

    • Related Articles

    • Announcement bar

      The announcement bar displays one or more announcements at the top of the page. Announcement slides are added as blocks. As the announcement bar is part of the header group, it can only be displayed above the header. Section settings for the ...

    • Password page

      The password page is displayed when your store has been set to password-protected in the Shopify admin. This may occur when your store is undergoing construction or maintenance. Section settings for the password header section are listed in the table ...

    • Cart settings

      Cart settings are used to customize the appearance and functionality of the shopping cart. Cart settings are listed below and are accessed through the theme settings. Setting Description Cart type Use this setting to select the cart type. Selecting ...

    • Footer

      The footer is displayed on most pages and is a primary navigation tool, along with the header. It is part of the footer group and is always displayed at the bottom of the page. Menu and text columns are added as blocks in the footer. Section settings ...

    • How do I add a mega menu promotion?

      Promotions can be added to mega menus as blocks. Promotion blocks will only be shown if mega menus have been enabled. Mega menus can be enabled using the "Desktop menu type" setting in the Header section settings. Attaching a promotion block to a top ...