Features Breakdown: Continuous Marquee This section creates a smooth, scrolling announcement bar designed to grab attention. It offers granular control over dimensions, animation speed, and typography, allowing you to fine-tune the look for both Mobile and Desktop devices independently.

1. Layout & Wrapper Control

• Bar Dimensions: Set the specific Height of the marquee bar in pixels, with separate values for Desktop and Mobile.

• Width Strategy: Choose how the text container sits within the page:

  • Wrapper Options: Select between standard Theme Page Width, Container, or a Custom width.

  • Custom Sizing: If "Custom" is selected, you can define the exact Max-Width and Side Padding (px) for both Desktop and Mobile.

• Flush Edges: A toggle to remove internal padding, forcing the scrolling text to reach the very edges of the screen.

2. Visual Styling & Borders

• Colors: Custom pickers for the Bar Background and Text color.

• Structural Borders: Options to enable Top and Bottom borders independently. You can set the Border Colorand Border Width (0-12px) to create a distinct "strip" effect.

3. Typography & Text

• Font Source: Choose to use your global Theme Font or select a specific Custom Font just for this section.

• Text Formatting:

  • Sizing: Independent font size sliders for Desktop vs. Mobile.

  • Style: Adjust the Font Weight (300 to 900) and toggle Uppercase text transformation.

• Separators: Define the symbol used between messages (e.g., "•", "★") and adjust the Gap (spacing) around it.

4. Animation & Interaction

• Speed Control: Slider to set the scrolling speed (pixels per second) independently for Mobile and Desktop.

• Direction: Choose whether the text scrolls to the Left or to the Right, configurable per device type.

• Global Link: Option to make the entire bar a clickable link (e.g., to a Sale collection), with an input for an Accessibility Label.

5. Content Blocks

• Message Blocks: Add unlimited message segments. The code automatically loops them to create a continuous stream.