Broadcast includes multiple header styles to easily customize the look of your main header
Logo above menu
Place the brand logo in the middle and navigation below.
The design allows for longer navigation. Stores with many menu items can place the navigation below the brand logo and position items like language selector, currency picker, account, search, and cart icons on the top right:
Cart icon style: Bag
Logo beside menu
This style places the brand logo to the left with the navigation in the center. The design is a more compressed header area. Ideal for smaller/shorter navigation menus:
Cart icon style: Cart
Mobile drawer menu
This minimal style adopts the mobile design pattern used on all mobile devices.
This style is the cleanest option, hiding the navigation into a mobile-style drawer and keeping consistency between mobile and desktop:
Cart icon shown as circle with number of items in cart
When the menu text or icon is clicked, the slide-out mobile drawer is displayed on both desktop and mobile:
The search icon is placed next to the mobile-style hamburger icon for balance. Account and cart icons are on the far right.
Logo center, menu left
This common design presents the brand logo centered with navigation menu items on the left. Ideal for compact headers with a shorter top-level menu structure:
Cart icon style: Bag shown with items in cart indicator
Text-based items
Broadcast can replace icons with text for text-forward designs:
Toggle off the Show icons option
Currency selector
Broadcast supports Shopify's Localization feature. A currency selector can be placed in the header:
Localization is configured in your main Shopify Admin settings.
Language selector
Broadcast also supports Shopify's Language selector and can be placed in the header:
Language drop-down
Languages are configured in your main Shopify Admin settings.
Predictive search
Broadcast includes a powerful redesigned search tool for finding products and resources within your site. Predictive search can be engaged right from the header. Addition menu options can be added to customize the shopping experience:
Customize the search to help customers find common items
Configure and customize the search features under Theme Settings:
Localization, language, and search toggles
Each of these features can be individually toggled on or off to show in the main header area:
Transparent header
When using a transparent header, you can experiment with different icon styles to help the icons stand out with your background image.
A large icon size sometimes helps to bring attention to the icons:
Icon style: Modern
Find the transparent header options lower in the Header section settings:
