Shopify themes, liquid, logos, and UX
How do you change the text on the announcement bar in Dawn theme? I remember you were able to edit it in customization by just clicking on it but I guess after the new updated version of Dawn they got rid of it and now you have to change it in code I don't know why they did it that just makes it harder now for shopify store owners.
Hi @rvernon23
Thank you for reaching out to the Shopify community.
In the current version of dawn (version 11.0.0) too, you can change the text in announcement bar by going to the customize section itself.
Screen shot for reference:-
Just click on the text
Here you can change the text.
Give it a try and let me know if this was helpful.
Thanks
Hello @rvernon23
To change the text on the announcement bar in the Shopify Dawn theme, you'll need to access the theme files and modify the Liquid code. Here's the Liquid code you can use:
Go to the Online Store > Themes.
Find the Dawn theme and click on the "Actions" dropdown menu. Then, choose "Edit code."
"Sections" folder, look for a file "header.liquid" or "header-section.liquid."
Open the file in the code editor, and search for the code related to the announcement bar. It looks like this -
{%- if settings.show_announcement -%}
<div class="announcement-bar">
<p>{{ settings.announcement_text }}</p>
</div>
{%- endif -%}
Modify the announcement text between the {{ settings.announcement_text }} Liquid tags to change the announcement message.
For example:
{%- if settings.show_announcement -%}
<div class="announcement-bar">
<p>Welcome to our website! We have exciting news to share.</p>
</div>
{%- endif -%}
Alick on the "Save" button to apply the modifications.
I could not find this text anywhere in the header.liquid. Such a simple thing we're trying to do is to customize the Welcome. 🙁
Its in 'announcement-bar.liquid'
Hi @rvernon23
This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
you can set it up here
Hope you find my answer helpful!
Best regards,
Richard | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
Hi - is it possible to adjust the location of the text within the announcements bar? The default is centered, but I’m looking to have to adjusted to the left edge of the bar, and then additional text w/ links adjusted to the right side of the bar.
Thoughts on how I can accomplish this?
Thanks in advance
Hello, may I know how can I make my announcement bar bold or italics? Thank you
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025