How to add a marquee to any Shopify theme

Introduction

Add motion and emphasis to your storefront with the Flexi Marquee Section — a horizontally scrolling layout designed to highlight announcements, promotions, keywords, or brand messages in a clean, modern way. Marquees are perfect for drawing attention without overwhelming the page.

In the video above, you’ll learn how to add a marquee to any Shopify theme using Flexi’s intuitive section settings. Discover how to control scroll speed, direction, and repetition while keeping everything smooth, accessible, and mobile-friendly.

Ideal for homepages, landing pages, and promotional banners, the Flexi Marquee section integrates seamlessly with any Shopify theme. Whether you’re showcasing free shipping messages, brand values, or rotating announcements, marquees help communicate important information at a glance.

Setup Instructions

Install the App

Visit the Shopify App Store and install Flexi Slider Sections. Start your free trial to unlock access to all Flexi sections, including the Marquee.

Install Section

Open the Flexi app and navigate to the sections library. Search for "Marquee" and click "Add to Theme" to install it instantly.

Add to Your Store

Go to your Shopify admin → Online Store → Themes → Customize. Click "Add section" and select "Marquee" from the available sections.

Set Section Width

In the section settings, choose your preferred layout:

• Full width: Create an edge-to-edge scrolling marquee
• Fixed width: Set a custom maximum width (320px – 1440px)
• Theme width: Match your theme’s default content container

Add Content

Click "Add block" to add marquee items. Each block can contain text, icons, or short phrases that repeat across the scrolling track.

You can include promotional messages, brand values, product highlights, or announcements and reorder them easily using Shopify’s drag-and-drop editor.

Customize & Style

Fine-tune your marquee using Flexi’s built-in settings:

• Adjust scroll speed and direction
• Enable or disable continuous looping
• Control spacing between items
• Customize typography, colors, and background styles

Works Seamlessly with Dawn & Horizon

Flexi sections are built for Shopify’s modern theme architecture, which means the Marquee section works seamlessly with Dawn, Horizon, and all Online Store 2.0 themes.

Dawn Compatibility

Dawn is Shopify’s reference theme, and the Flexi Marquee follows the same spacing, typography, and accessibility patterns used throughout Dawn.

This allows marquee content to inherit your theme’s fonts and color system by default, while still giving you full control over animation and presentation.

Horizon & Modern Framework Support

Horizon represents Shopify’s next-generation theme framework. The Marquee section integrates cleanly with Horizon-based themes without overriding global styles or introducing JavaScript conflicts.

Because the marquee is self-contained and theme-safe, you can confidently use it in modern and highly customized storefronts.

Theme-Safe by Design

Every Flexi section is scoped, isolated, and performance-optimized. This means you can:

• Add or update marquee content without editing theme code
• Preview animation changes safely before publishing
• Reuse the same marquee across multiple themes
• Switch themes without rebuilding promotional content

Whether you're using Dawn, Horizon, or a fully custom Online Store 2.0 theme, Flexi’s Marquee section adapts automatically — helping you highlight key messages while maintaining performance and visual consistency.