Change/invert text color in sticky header on scroll

L A
23 Posts
L A posted this 09 June 2020
Ask a Question

Hi,

I would like to change the text color on the menu when scrolling. I've set the the first block to have the header overlapping the background, and then to be sticky on scroll. Since the background on the first block is dark and the sticky header should be white, I would like the text to be white while at the top, and then turn black when scrolling. Is this possible to do? I tried to check the box "invert text color" under "header over block" but it doesn't seem to work.

Hi, I would like to change the text color on the menu when scrolling. I've set the the first block to have the header overlapping the background, and then to be sticky on scroll. Since the background on the first block is dark and the sticky header should be white, I would like the text to be white while at the top, and then turn black when scrolling. Is this possible to do? I tried to check the box "invert text color" under "header over block" but it doesn't seem to work.
sticky-menu text-color
Vote to pay developers attention to this features or issue.
2 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 09 June 2020

Hi,

Unfortunately, this functionality is not supported.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, Unfortunately, this functionality is not supported. ................................................... Sincerely, Olivia Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
justanotherprogrammer
24 Posts
justanotherprogrammer posted this 29 June 2020

I had the same problem, and as already answered, this functionality is not supported. However, I found that by setting a neutral background colour for the header (like light-grey, or some other colour that is compatible with your header text colour), you can get the header to remain readable while you scroll without standing out too much from the rest of your site.

I had the same problem, and as already answered, this functionality is not supported. However, I found that by setting a neutral background colour for the header (like light-grey, or some other colour that is compatible with your header text colour), you can get the header to remain readable while you scroll without standing out too much from the rest of your site.
You must log in or register to leave comments

Company
Product
Themes & Templates
Nicepage
Web Design