How to change Announcement Bar Text Font Color (1 Page only)

Hello!

I cannot find the correct code to change the font color of my announcement bar on the 'abundance' page. I have successfully changed the background color to white by injecting a code in the page header, but I can't figure out how to change the font color on that one page only (so the bar is currently entirely white). Password is: go

https://thefolkpath.com/lifestyle

Any help is appreciated! I'm trying to change the font color to black.

Thank you!

Thank you!!!

I have another question if maybe you can help.

I would like the announcement bar to NOT be sticky with the header on scroll on all pages. I'd like it to stay in place, even though the header is fixed on scroll.

Also... it would be amazing to make the header (and announcement bar) not sticky at all anywhere on the desktop version!

How can I do this?

On 9/22/2023 at 11:38 PM, Jmontison said:

 

I have another question if maybe you can help.

I would like the announcement bar to NOT be sticky with the header on scroll on all pages. I'd like it to stay in place, even though the header is fixed on scroll.

Also... it would be amazing to make the header (and announcement bar) not sticky at all anywhere on the desktop version!

How can I do this?

Hi,

So you want

• Desktop: disable sticky header and announcement bar
• All devices: sticky header only, remove sticky on announcement bar

is that right?

Yes!

🙂

On 9/26/2023 at 3:22 AM, Jmontison said:

Yes!

🙂

Add this CSS code

/* disable sticky header desktop */
@media screen and (min-width:992px) {
header#header {
    position: absolute !important;
}}
/* remove announcement bar sticky */
.shrink .sqs-announcement-bar-dropzone {
    display: none;
}

Thank you so much Tuanphan!

While this works... I feel like the transition is awkward when I return to the header (both on mobile and desktop); the announcement bar reappears and pushes back down the whole page quickly, making the transition feel off.

How can we make it so that the announcement stays in place as the header goes down? I think the fact that it disappears/reappears is what makes it awkward. Look at this website as a reference to understand what I'm trying to achieve with the announcement bar (both mobile and desktop): www.risingappalachia.com you'll see what I mean.

Thank you so much🙏

On 9/30/2023 at 3:13 AM, Jmontison said:

Thank you so much Tuanphan!

While this works... I feel like the transition is awkward when I return to the header (both on mobile and desktop); the announcement bar reappears and pushes back down the whole page quickly, making the transition feel off.

How can we make it so that the announcement stays in place as the header goes down? I think the fact that it disappears/reappears is what makes it awkward. Look at this website as a reference to understand what I'm trying to achieve with the announcement bar (both mobile and desktop): www.risingappalachia.com you'll see what I mean.

Thank you so much🙏

I see it looks fine..See video