Loading...
Change the opacity to blend header with background image asset
Broadcast can display a transparent header on the homepage, collection pages, and article pages:
When using a transparent header, you may include a second logo to provide contrast with your main homepage asset.
If a sticky header is also used, a darker logo will provide the needed contrast upon scroll.
An Alternate logo option is available to help provide better contrast when transparency is used. This is an optional but helpful feature.
If a Sticky header is enabled, the first primary logo is used while scrolling. This overrides the Alternate logo choice during scroll.
Professionally designed and crafted for modern header styles
Broadcast includes a clean set of modern icons for the header. Multiple cart options are available to match your brand style.
In the theme editor under Header, choose Show icons and select a cart icon style:
To override the cart icon style with a circle option, use the checkbox for Show cart icon as circle:
Header options for displaying social media icons
When using this header style, the social media icons are displayed at the bottom:
Most mobile devices will automatically switch to a Mobile drawer style for navigation.
For mobile devices, the social media icons are displayed at the bottom of the drawer regardless of the Header style used.
There is an option to turn off social icons for both desktop and mobile:
Use the Theme settings -> Social Media settings to add and remove links to your social networks.
When a link is added, Broadcast will automatically generate a social icon for that network in the header.
How to add images into your navigation
Broadcast makes it simple to add images right into your Navigation. You can create a drop-down menu with just images or a combination of menu items and images.
Click on the expand icon to the left of the Header this will open the block options:
In the Header content area, you can add image content blocks. These images will map to your menu items.
For example, to add an image to the second menu (Shop) we will choose Item 2 as the Link position in main menu:
On mobile, a single image will appear full width: