HTML function in the announcement bar

[Shano96]

Hi all, 🙂

does anyone know how I add HTML function in the announcement bar?

The theme is Debut.

Best regards
Shano

[Nick_Marketing · Accepted solution]

The code for the announcement bar, for the Debut theme, is located in header.liquid. Search for  "section.settings.message" and "announcement-bar" within the file.

A similar question was asked, please check their answers:
https://community.shopify.com/c/Shopify-Design/Announcement-bar-customization-in-Debut-theme/m-p/122...

[LitExtension · Accepted solution]

Please follow the steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Sections > header.liquid and find "announcement-bar__message". You can add the HTML code directly here: https://i.imgur.com/22PwIJs.png
Hope it clear to you.

[Nick_Marketing · Accepted solution]

The code for the announcement bar, for the Debut theme, is located in header.liquid. Search for  "section.settings.message" and "announcement-bar" within the file.

A similar question was asked, please check their answers:
https://community.shopify.com/c/Shopify-Design/Announcement-bar-customization-in-Debut-theme/m-p/122...

[LitExtension · Accepted solution]

Please follow the steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Sections > header.liquid and find "announcement-bar__message". You can add the HTML code directly here: https://i.imgur.com/22PwIJs.png
Hope it clear to you.

[Shano96]

@LitExtension  @Nick_Marketing I made it. 🙂 Thanks for the quick feedback. Do you know how to center the text so that it is exactly in the middle of the paypal icon. Do you understand what I mean?

[LitExtension · Accepted solution]

What's your site? And if your site is password protected, please send me the password. I will check it.

[Shano96]

@LitExtension Thank you my friend for the help. I have already solved