Change header background colour when page scrolls

Hi, Энхжин,

Try to do the following: click on the Header, set the background color. Then, enable Sticky on Scroll and Header over Block. Under Header over Block, select No Background. Save changes and check on the preview.

Please let us know if you need our further help!
...................................................
Sincerely,
Paul C.
Nicepage Support Team

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

Thanks this was very helpful.

Hi, Энхжин,

You're welcome! Please let us know if you need our further assistance.
...................................................
Sincerely,
Paul C.
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 Nicepage,

Some headers has 3 sections or 3 rows in the header and if I want only one section to be sticky on scroll which will have the menu selection (Home, about us, services, contact us), I would like that section to change colour as soon as the user starts scrolling down. So for example when a user opens the website it will display blue with the menu selection then change to green with the menu selection

Is this possible? I tried the above but does not work.

Thank you

Hi, Neeraj,

Sorry for the delay (due to the weekend).

This method works only if your Header has one Header Row because the Header over Block option is enabled or all Header Rows, not a single one. If you want to achieve the needed effect, please use one Header Row.
...................................................
Sincerely,
Paul C.
Nicepage Support Team

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