How can I make my announcement bar sticky on both desktop and mobile?

Store Design
1

Hey, I want to make my announcement bar sticky for desktop and mobile. But I tried different code but still not working.

The link to the website is https://mon-tissu-africain.fr/.

And also I would like to add a sentence under the product button Add to cart

Capture d’écran 2022-12-03 à 11.08.28 AM.png
Capture d’écran 2022-12-03 à 11.08.28 AM.png2766×1160 628 KB

Thanks

2

Hi @AmyGass1
You can try follow this path:
Themes => edit code => asset => theme.css
and add this code to bottom of the file theme.css

#shopify-section-announcement-bar{
  position: sticky;
  top: 0;
  z-index: 8;
}
#shopify-section-header-5{
top: 48px!Important;
}
3

@AmyGass1 you can use Pasilobus Announcer app, which offers sticky announcement bar functionality with ability to handle multiple messages.