Story theme
Story v1
Story v1
  • Story theme documentation
  • Explore Story
  • Pages
    • Page navigation
    • How to use page templates
      • Story page templates when using a different theme
    • 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
    • Badges
  • Header
    • Transparent header
    • Promotional announcement bar
    • Mega-menu navigation
    • Drop-down navigation
  • Products
    • Product tabs
    • Product long template
      • Product long template when using a different theme
    • 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
    • Share preview link
Powered by GitBook
On this page
  1. Header

Promotional announcement bar

Announce a message at the very top of your header

PreviousTransparent headerNextMega-menu navigation

Last updated 4 years ago

An announcement bar or sometimes known as a promo bar, are ideal for promoting specials or any key messaging at the top of your site. Story allows you show the message, with link on the all pages of your site or only the homepage.

How to use

Activate the announcement bar in the Header section settings. Add your promotional message, link and use the other customization options:

Choose a link to help customers find your promotion:

Transparent header

The announcement bar takes on a transparent background with the rest of your header when using a transparent header. Upon hover, the solid background appears and a customized background color will be displayed for the promo bar:

Link directly to any product, page or external resource
When the head is active, solid background color is displayed