How to custom align individual lines of text in announcement bar?

On 9/22/2021 at 9:30 AM, shann0n3 said:

Site URL: https://www.taylorsdentalsc.com/

Hello! I am looking to have align one line of text within the announcement bar to the left, and the other line to the right (similar to the attached), so that the information can be a bit larger without making the bar taller. What would be the best way to achieve this? I have the bar hidden on mobile, since the information will be accessible via the mobile information bar.

Pass to see site is taylors

Add to Design > Custom CSS

@media screen and (min-width:768px) {
#announcement-bar-text-inner-id {
    display: flex;
    justify-content: space-between;
}
}