Announcement Bar Text Alignment 7.1

Site URL: https://pear-tortoise-x4bh.squarespace.com/

Password BHC2022

Hi, I have put the companies phone numbers in a permanent announcement bar at the top of the site. I would like them to stay aligned left in-line with the site header logo and site content. Even when viewing on different screen sizes I'd like it to stay aligned. Is this possible and how would I achieve it?

Thanks,

Nick

Use this CSS (Design > Custom CSS)

#announcement-bar-text-inner-id p {
    font-size: 16px !important;
    text-align: left !important;
}

Hi,

Thank you for the above, it does fix the text to the left but doesn't keep it in-line with the main body content, ideally I'd like it to stay in-line with logo. Is this possible?

Thanks,

Nick

19 hours ago, Nick said:

Hi,

Thank you for the above, it does fix the text to the left but doesn't keep it in-line with the main body content, ideally I'd like it to stay in-line with logo. Is this possible?

Thanks,

Nick

Hi.

I don't see logo. You mean Logo on Slideshow or which logo?

Hi, the main logo is hidden on the homepage, I've added the logo as an image underneath, the blue square. If you navigate to any other page you will see the logo. I'd basically like the text in the announcement bar to stay inline with the site content on the left.

23 hours ago, Nick said:

Hi, the main logo is hidden on the homepage, I've added the logo as an image underneath, the blue square. If you navigate to any other page you will see the logo. I'd basically like the text in the announcement bar to stay inline with the site content on the left.

It looks like you fixed? It looks fine on this page

https://pear-tortoise-x4bh.squarespace.com/staff

Hi, if you see from the attached, the phone numbers in the announcement bar sit further left than the logo/word Staff and the rest of the content. Is it possible so it stays constantly aligned with the rest of the content? Thanks, Nick

The site has 1365px width, so if you use a bigger screen, you will see problem

Add this CSS

div.sqs-announcement-bar-text {
    max-width: 1365px !important;
    margin: 0 auto;
}

Thank you, as you expand the screen the text in the announcement bar still moves outside the line of the rest of the content and the same as you make the screen smaller it moves inside the line of the content. Regardless of screen size, is it possible to have it stay fixed in-line with the rest of the content below, not the overall site width?

19 hours ago, Nick said:

Thank you, as you expand the screen the text in the announcement bar still moves outside the line of the rest of the content and the same as you make the screen smaller it moves inside the line of the content. Regardless of screen size, is it possible to have it stay fixed in-line with the rest of the content below, not the overall site width?

Change 1565 in your code to 1365

Thank you, your help is very much appreciated.