need the grey announcement bar from this website

[matthewdropship]

i need the final code for the grey announcement bar that have this website, under the header menu:

https://oliviamoreau.de/

anyone can help me and give the final code? my website is juliettemarseille.fr

[suyash1]

@matthewdropship please go to customize settings, header settings and check if you have an option for announcement bar and click on the checkbox

[StevenT_A7]

Hi @matthewdropship , 

Go to:

Online Store > Themes > Edit Code

Create a new section called announcement-bar-2.liquid

Use the following code:

<div class="custom-announcement-bar">
<div class="page-width">
<p class="announcement-text">{{ section.settings.text }}</p>
</div>
</div>

<style>
.custom-announcement-bar {
background-color: #f5f5f5;
padding: 10px 0;
border-bottom: 1px solid #ddd;
}
.announcement-text {
font-size: 14px;
color: #333;
text-align: center;
margin: 0;
}
</style>

{% schema %}
{
"name": "Announcement Bar 2",
"settings": [
{
"type": "text",
"id": "text",
"label": "Text",
"default": "Livraison gratuite dès 50€ d’achat | Retours sous 14 jours"
}
]
}
{% endschema %}

2. Open theme.liquid:-
After this line:

{% section 'header' %}
Add this:

{% section 'announcement-bar-2' %}

3. Customize the text in Online Store > Customize

Please let me know if it works for you. \

Thanks !