Story theme
Story theme
Story theme documentation
Explore Story
Pages
Page navigation
How to use page templates
Contact page
Lookbook
Team
Timeline
Blogs
Blogs
Articles
Homepage Sections
Blog posts
Collection list
Featured collection
Image with text
Image with text overlay
Logo list
Slideshow
Featured product
Newsletter
Map
Page
Rich text
Team
Testimonials
Text columns with images
Timeline
Video
Collections
Collection filtering
Product stickers
Collection sorting
Header
Transparent header
Promotional announcement bar
Mega-menu navigation
Drop-down navigation
Products
Product tabs
Product long template
Product image sizes
Settings
Tile decoration
Enable container
Updates
Story Releases
Check your theme version
How to download latest version
Migrating your settings
Tips
Where to make CSS changes
How to add a line break in your headings
Advanced
Story tutorials
Remove Shopify link in footer
Contact
Powered by GitBook

Transparent header

Blend the main header and navigation with your hero or slideshow section

Activating the transparent header is Story is one from the Header section setting:

Enable in the Header settings

Story incudes some helpful customization options for transparent headers including a custom logo plus icon and text colors. Here are some tips to help blend the header and navigation are with your main banner area:

Video: Tips when using a dark hero image

Additional tips on how to use both logo images in the header settings:

Video: Dark headers with light hero images
Collections - Previous
Collection sorting
Next - Header
Promotional announcement bar
Last updated 3 months ago