Broadcast theme
Search…
Broadcast theme
Broadcast v3
About Broadcast
Broadcast theme documentation
Online Store 2.0
The new experience
Announcement Bar
Free shipping message
Text announcement
Custom HTML
Announcement bar settings
Header
Header styles
Navigation images
Sticky header
Transparent header
Social icons
Sections
How to use sections
Section blocks
List of sections
Sidebar
Split images
Before and After
Products
Tabs and accordions
Tab content using metafields
FAQ Accordions
Upselling with metafields
Upselling with tags
Swatches
Size charts
Pre-order products using tags
Pre-order using metafields
Sale items
Free products
Product page settings
Theme blocks
Low inventory message
Icon block
Accordion section
Product ratings
Collections
Product badges
Product badges with metafields
Product filtering
Quick add
Sub-collections
Cutline second line
Featured image
Collection page settings
Popups
Cookies consent message
Image promo with newsletter
Text promo
Small newsletter
Coupon codes
Footer
Footer settings
Theme blocks
Blogs
Featured posts
Blog pages
Blog posts
Article page
Theme blocks
Pages
Page templates
Creating page templates
Page section
Settings
Loading icon
Updates
Release notes
Check your theme version
Download latest theme version
Updating your theme
Support
Contacting support
Share preview link
Earlier documentation
Custom
Where to make CSS changes
How to remove Shopify credit
Collection image spacing
Powered By GitBook
Transparent header
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.

Logos

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.
Main logo is used while scrolling with sticky header
​
​
Header - Previous
Sticky header
Next - Header
Social icons
Last modified 1yr ago
Copy link