ThemeLab

Marquee

A band of large words and small images that glides across the screen in a loop. Use it for a slogan, the names of your collections or a playful break between sections.

In the editor
Marquee
Where it goes
Any page template, with Add section
In the presets
Poster: Home page, About page
Settings
15
Blocks
Text, Image
App blocks
Yes

Set it up

  1. Add Text blocks for each word or phrase, with an optional Link.
  2. Add Image blocks for small pictures between the words – product cut-outs or icons work well.
  3. Pick a Separator: Dot, Sparkle, Slash or Heart.

Options

  • Time to cross the screen: how long one item takes to travel across the screen (10–90 seconds). Short and long messages move at the same pace.
  • Direction: left or right.
  • Text size: from 14 to 120 px – large sizes turn the marquee into a graphic band.
  • Show borders: lines above and below the band.
  • Pause on hover: stops the band while the pointer is on it, so links are easy to click.

The band stands still for shoppers who reduce motion. The default color scheme is the inverse band (scheme 4), so the marquee reads as a strip between sections.

All settings

Every setting in the order of the theme editor, with its options and its default value.

Section: Marquee15 settings
SettingOptionsDefault
Time to cross the screenLonger is slower. Short and long messages move at the same pace.10–90s30s
DirectionLeft · RightLeft
Text size14–120px28px
SeparatorDot · Sparkle · Slash · HeartSparkle
Show bordersCheckboxOff
Pause on hoverCheckboxOn
Color schemeColor schemeScheme 4
Section spacing
Top padding0–160px8px
Bottom padding0–160px8px
Top padding on mobile0–120px4px
Bottom padding on mobile0–120px4px
Advanced
Hide on mobileCheckboxOff
Hide on desktopMobile means below the width where the header switches to the mobile menu (Header > Switch to the mobile menu below).CheckboxOff
Animate on scrollCheckboxOn
Anchor IDLink to this section with #anchor-id.Text–

Block settings

Block: Text2 settings
SettingOptionsDefault
TextTextSample text
LinkLink–
Block: Image1 setting
SettingOptionsDefault
ImageImage–
Announcement barA slim line of news above the header – delivery, returns, a sale – that rotates, scrolls or counts down.Logo listA row of logos – brands you stock, partners or press – in one calm color.