|  Pipeline theme
Pipeline v5
Pipeline v5
  • Pipeline theme documentation
  • Header
    • Header styles
    • Announcement bar
    • Adding product images to navigation
    • Sticky header
    • Transparent header
  • Products
    • Color swatches
    • Product page layout options
    • Product zoom
    • Tabs and Accordions
    • Custom content sections
    • Additional unique content
    • Inventory count down
    • Size Chart
  • Pages
    • About page template
    • Lookbook page template
    • FAQ page template
    • Pipeline page templates when using a different theme
  • Collections
    • Sub-collections
    • Custom badges
    • Tag grouping
    • Collection sorting
    • Layout options
  • Cart
    • Cart styles
    • Estimate shipping calculator
    • Cart settings
  • Sections
    • Custom HTML
    • Blog posts
    • Tab collections
    • Collection list
    • Image with text
    • Image with text overlay
    • Logo list
    • Slideshow
    • Featured product
    • Newsletter
    • Map
    • Icon columns
    • Page
    • Text column with images
    • Video
  • Search
    • Predictive search
  • Updates
    • Pipeline releases
    • New Shopify Theme Editor
    • Check your theme version
    • How to download latest theme version
    • Migrating your settings
  • Documentation Versions
    • Pipeline 6
    • Pipeline 4
  • Contact
    • Share preview link
Powered by GitBook
On this page
  1. Header

Announcement bar

Displays an announcement message above the header

PreviousHeader stylesNextAdding product images to navigation

Last updated 3 years ago

Positioned at the top of the page, the announcement bar can be displayed with key messaging with a link:

Color settings

Use Theme settings to modify the background and foreground colors of the announcement bar

Announcement text and More info

Take advantage of both fields when you have a second message or a long announcement. Announcment text will be bold, More info is regular font weight. A light separater bar is used between them. Each field is optional, you can use one or both. The announcement link is attached to both fields to make it easier for the customer.

Account and Search icons can be placed in the announcement bar
Message scrolls when message is longer than browser or device width