Jump to content

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

Go to solution Solved by tuanphan,

Recommended Posts

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

Screen Shot 2021-09-21 at 10.28.38 PM.png

Link to comment
  • Replies 1
  • Views 354
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • Solution
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

Screen Shot 2021-09-21 at 10.28.38 PM.png

Add to Design > Custom CSS

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

image.thumb.png.d4ce44d82da979750e1d353b16b08107.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.