Buy me a coffee

Announcement bar float text left right

#1. First, you need to add text

  • The first paragraph will float left
  • The second paragraph will float right

Announcement Bar Float Text Left Tight 01 Min

You will have this

Announcement Bar Float Text Left Tight 02 Min

#2. Use this code to Custom CSS box and click Save

div#announcement-bar-text-inner-id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

You will have

Announcement Bar Float Text Left Tight 03 Min

#3.  If you want to disable code on mobile, use this new code to Custom CSS box

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

#4. If left text or right text has multiple lines, you can use Shift-Enter to add a Line Break (Do not use Enter)

Announcement Bar Float Text Left Tight 04 Min