In the theme editor: Customize›Header›Announcement bar
Announcement bar
A thin band above the header for short messages that take turns, such as free shipping or a phone number.
Keep each message short enough to fit on a phone in one line. Two or three messages are plenty.
Settings
Look
- Bar height
- Slider, 28 to 56 pxDefault: 36 px
- Show today's date
- On or offDefault: OnOn tablets and computers: the weekday, the Hebrew date and the calendar date at the start side of the bar, with the messages kept clear of it. Not shown on phones.
Motion
- Animation on tablets and computers
- Choice: Tunnel, Typing, Soft crossfade, Roll up, Continuous marquee, Word by word, Side reveal, Cube flip, No motionDefault: TunnelHow the messages change on wide screens. Every animation works with one message or several; with reduced motion only a quiet fade remains.
- Animation on phones
- Choice: Tunnel, Typing, Soft crossfade, Roll up, Continuous marquee, Word by word, Side reveal, Cube flip, No motionDefault: TypingPhones can use a different animation from computers. "Phone sentence" blocks are shown on phones instead of the messages, with any animation.
- Time a message rests
- Slider, 2000 to 8000 msDefault: 3500 msHow long a message stays before the next one replaces it.
- Time to leave and to return
- Slider, 1500 to 5000 msDefault: 3000 msTunnel: how long a message takes to leave, and again to come back.
- Transition length
- Slider, 400 to 2000 msDefault: 900 msHow long the change between messages takes in Soft crossfade, Roll up, Word by word, Side reveal and Cube flip.
- Marquee speed
- Slider, 20 to 120 pxDefault: 40 pxPixels per second. The marquee pauses while the mouse is over it.
- Typing speed
- Slider, 30 to 150 msDefault: 70 msMilliseconds per letter. Erasing is twice as fast. Applies to the date as well.
- Time a full sentence stays
- Slider, 1000 to 6000 msDefault: 1800 msHow long a sentence stays readable before it is erased.
Color
- Bar color
- ColorDefault: #1F1C1AAny color you like. The text turns cream automatically when the color is dark.
- Background style
- Choice: Flat color, Lit stageDefault: Lit stageLit stage: a soft light from above that fades toward the bottom, made from the chosen color. On a light color the top turns white; on a dark color it becomes a dark stage.
- Light color
- ColorThe soft light from the top center. Empty: white.
Blocks
Blocks are the pieces inside the section. Add, remove and drag them in the editor to change the order.
Message
General
- Text
- TextLeave empty to show the default welcome message. Several messages rotate using the chosen animation.
- Link
- Link
Phone sentence
General
- Text
- Text
- Link
- Link
A sentence shown in the bar on phones only, with any animation. Without such blocks, phones show the regular messages.
Something here doesn’t match what you see in your editor? Tell us and we will fix the guide.
