All things Shopify and commerce
How can I set the text in the middle of the bar?
Hello @NikosBat
As i can check your text is in the middle of the bar.
Thanks
Hi @NikosBat
You can try this code and follow instruction below:
1. Go to Shopify > Theme > Customize
2. Copy and paste this code on Theme settings > Custom CSS section
.announcement-bar__message {
top: 2px;
}
Result:
I hope it helps.
Esther
Hi @NikosBat Now it will stay in the center.
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.
.page-width.utility-bar__grid .announcement-bar {
display: flex;
justify-content: center;
align-items: center;
}
Result:
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
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