Help (Text in Announcement Bar)

Store Design
, , , , , ,
1

Hello, I have a store in which I am trying to add text in an announcement’s bar but the thing is I want that text to be evenly spaced/distributed and centered too. As far as I know there is no further text editing for the announcement’s bar which this is possible as I tried to use spaces but that ruined the text in the mobile version which causes it not to be aligned. Any help is appreciated Thanks!

My WEBSITE: www.gadget-pods.store

2

Hi @Pods10101 !

You can achieve this by adding Custom CSS to the Announcement Bar in Admin. This helps maintain alignment on mobile by reducing the font size and scaling it up for larger screens. That way you can keep the original spaces you’ve put in.

2024-10-12T16_07_38,924964626+07_00.png
2024-10-12T16_07_38,924964626+07_00.png436×191 6.23 KB

2024-10-12T16_16_36,849603835+07_00.png
2024-10-12T16_16_36,849603835+07_00.png331×378 17.5 KB

Here is the Custom CSS for copy and paste.

.announcement-bar__message {
  font-size: 8px;
  min-height: 0px;
}
@media (min-width: 750px) {
  .announcement-bar__message {
    font-size: 1.3rem;
  }
}

Hope this helps!