Jole3221

Does anyone have a solution to this?

@tuanphan Hey sorry not sure if you've seen my last message. Is this possible?

@tuanphan this is perfectly how I want it to fade. The only thing is I'm still able to see the header when its supposed to be turned off and it has this blurred look. I have a grain effect turned on for the background image don't know if this information helps. I for some reason only see the blurred header issue on mobile devices. Not seeing it on my desktop. I tried setting it back to the previous code you sent me and the blur problem wasn't there yet so It only started happening once we started adding the fade. Is there a solution that can fix this blur artifact while keeping the fade? The image attached shows the blurred header artifact I'm talking about.

@tuanphan Awesome that's so much better, thank you! Is there a way to have it fade on to solid and off nicely like how the normal adaptive header fades on and off. The video attatched shows how the normal adaptive header fades on and off. 1.mkv.mov

Is there a way to have it so that its transparent until I start scrolling down the page then the solid background will come back. I pretty much just want all the traits of the adaptive header. Is this possible?

@tuanphan Thank you so much that worked perfectly!

@tuanphan https://www.joelbrecknell.com/ this is the link to the homepage

My header on all pages is currently set to solid on my Squarespace website. Is there a way to only change the home page header to be adaptive instead of solid while keeping the header solid on the rest of the pages?

ok @creedon thanks anyway

@creedon i sent the password to you privately

@tuanphan Thanks it worked!

@creedon @tuanphan Here is the link https://beagle-falcon-7sgn.squarespace.com/ Where can I send the password privately?

Hey the website is not currently public, can I send it to you privately?

@media only screen(max-width: 767px) { /*Your mobile style*/ } Where does this code go for it to have affect?

Tried the code it worked well but its not allowing space from the other elements I have in the header (ex. button, language switcher button). It is good for most of the way but once it gets to a certain point it just goes overtop the buttons I have in the header. Is there code that can make it so that it doesn't go overtop other elements in the header?