> For the complete documentation index, see [llms.txt](https://blueskytechco.gitbook.io/alukas-shopify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://blueskytechco.gitbook.io/alukas-shopify/header-group/announcement-bar.md).

# Announcement bar

<figure><img src="/files/WN4ZyoyIsEikofJvV0cl" alt=""><figcaption></figcaption></figure>

## Section settings

**Layout content:** You can choose between Fluid Container, Stretch width, Full width for the layout or just leave it with the default layout of the video.

**Home page only:** Choose whether to display the feature exclusively on the home page or on all pages.

**Show close button:** Include a close button, marked with an "X" icon, for user convenience.

**Show on mobile:** Determine if this feature should be visible on mobile devices.

**Action:** Select the type of action for displaying the feature, with options including an animation marquee or a slider, to enhance the visual experience on your site.

<figure><img src="/files/JhhVaNj685JuPcl4aVj4" alt=""><figcaption></figcaption></figure>

**Font setting:** Adjust the font settings by choosing a specific font size and weight for readability and visual impact.

**Time:** Set the duration for the marquee animation to ensure smooth scrolling.

**Spacing:** Manage the spacing between two announcements within the marquee to maintain clarity and aesthetic balance.

<figure><img src="/files/V5VRphDBXx97Hhl3H4dT" alt=""><figcaption></figcaption></figure>

**Color schema:** You are allowed to change text color, background color, etc. with preset color.

<figure><img src="/files/Fp642HAlRpb9ROgzuq3o" alt=""><figcaption></figcaption></figure>