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

Ask me a question, free

If your site is private or in trial, just setup password and share url. See how to: https://beaverhero.com/squarespace-how-to/
Please check your email carefully. Recently I got a lot of questions with wrong emails.

If you haven't heard from me within 24 hours please check your junk/spam folder