Header Sticky on Scroll - transparent to solid colour

EvanH
12 Posts
EvanH posted this 16 February 2021
Ask a Question

Hi,

I can see that when I have a sticky on scroll option enabled for the header. I can make it a solid colour then go transparent when I scroll. However, I want to do the opposite. I want to have it go from transparent to solid colour, but I can't seem to find a way to do that.

Hi, I can see that when I have a sticky on scroll option enabled for the header. I can make it a solid colour then go transparent when I scroll. However, I want to do the opposite. I want to have it go from transparent to solid colour, but I can't seem to find a way to do that.
Vote to pay developers attention to this features or issue.
3 Replies
Order By: Standard | Newest
EvanH
12 Posts
EvanH posted this 16 February 2021

I figured out how to do it.

I set my header to have a colour, but then set it to completely transparent. Then set the other background option on the header to be white. Then I get the desired transition.

I figured out how to do it. I set my header to have a colour, but then set it to completely transparent. Then set the other background option on the header to be white. Then I get the desired transition.
An3s
22 Posts
An3s posted this 08 June 2021

Hi,

I can see that when I have a sticky on scroll option enabled for the header. I can make it a solid colour then go transparent when I scroll. However, I want to do the opposite. I want to have it go from transparent to solid colour, but I can't seem to find a way to do that.

Hi....if I understand you quite well, your first option is from solid to transparant. How did you fix that, with a shape placed in the header or directly in the settings? I need to make a shape and then set it Ito transparency.

regards, Andries

> Hi, > > I can see that when I have a sticky on scroll option enabled for the header. I can make it a solid colour then go transparent when I scroll. However, I want to do the opposite. I want to have it go from transparent to solid colour, but I can't seem to find a way to do that. Hi....if I understand you quite well, your first option is from solid to transparant. How did you fix that, with a shape placed in the header or directly in the settings? I need to make a shape and then set it Ito transparency. regards, Andries
Support Team
Support Team posted this 08 June 2021

Hi Evan,

The transparency on scroll can be applied only to the whole header background and not only the shape.

...................................................
Sincerely,
Hella
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 Evan, The transparency on scroll can be applied only to the whole header background and not only the shape. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments