Go to the Announcement Bar and click the plus sign that says “Add Announcement.”
Then you can drag to re-order if needed.
Topic summary
A user seeks to add a custom bar above the existing announcement bar in Shopify’s Dawn theme to display brand logos that link to external pages and adapt responsively on mobile.
Initial Responses:
- One commenter provided partial CSS for styling a brand bar with flexbox layout and image sizing
- Another suggested using the built-in “Add Announcement” feature via the plus sign in the announcement bar settings
User’s Clarification:
The user emphasized they need a separate bar above the announcement bar (not modifying the existing one) that can display:
- 3 static text items OR an image with slider/carousel movement
- A title label
Proposed Solution:
The user shared their own implementation approach:
- Create a new Liquid section file:
websensepro-announcement-bar.liquid - Reference it in the theme code above the existing announcement bar section
- Use provided code that includes:
- Swiper.js carousel integration for sliding images/content
- Two-column layout (left: “Descubre más” label, right: swiper carousel)
- Customizable settings via schema (colors, autoplay, delay timing)
- Responsive styling with flexbox
Status: The user appears to have developed their own solution but hasn’t confirmed if it’s fully working or requested further assistance.