Hello @Reyesmb0
Please follow the steps below after logging into the Shopify admin:
1.) Go to the Shopify Admin panel.
2.) Click on Online Store > Themes.
3.) Please find the theme that you want to edit and then click Actions > Customize.
4.) Then Find a Announcement bar section in header
5.) Then add 3 block of Add Announcement and enter text in each what you want to add
6.) Then Click Save.
7.) Return to the Shopify Admin panel.
8.) Click on Online Store > Themes.
9.) click Actions > Edit Code.
10.) Search base.css
11.) Insert the provided CSS code at the end of the file and save the changes.
.announcement-bar-section {
position: fixed;
top: 0;
left: 0;
right: 0;
}
.announcement-bar .slider {
display: flex;
align-items: center;
justify-content: space-between;
}
.announcement-bar .grid--1-col .grid__item {
max-width: unset;
width: unset;
}
.announcement-bar .slider-button{
display: none;
}
.header-wrapper {
margin-top: 38.8px;
}
@media screen and (max-width: 750px){
.announcement-bar .grid--1-col .grid__item {
max-width: 100%;
width: 100%;
}
.announcement-bar .slider-button{
display: block;
}
}
Please hit Like and Mark it as a Solution if you find our reply helpful.