#1. First, you need to add text
- The first paragraph will float left
- The second paragraph will float right
You will have this
#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
#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)