SOLVED: Sticky header - scrolling text color not working

Bugs
1

Bricks Version: 1.5
Browser: edge
OS: Windows

I have a very basic header:
section - container - rich text element - nav menu element

section: background color white
rich text element: color black
nav menu element: color black

in sticky header (Scrolling text color: white, Scrolling background: black)

section: scrolling background color black - works fine
rich text element: scrolling color black - not working (must be white)
nav menu element: scrolling color white - works fine

am I missing something ?
I d’ont want to use logo and reverse logo, just a rich text element

how to change color of the rich text element in sticky header ?

1 Like
2

Hi Habib,
Welcome to the forum and thanks for reaching out!

Yeah, the scrolling text color only affects the menu. But you can easily extend this to affect the rich text as well. Add the following custom CSS to your nav menu element in Style » CSS or to Bricks » Settings » Custom CSS:

#brx-header.scrolling .brxe-text {
  color: limegreen;
}

Best regards,
timmse

1 Like
3

Hi timmse,

I added it to: Bricks » Settings » Custom CSS

and it works fine.

Thanks