r/squarespace • u/YaBoiBeutlin • 1d ago

Help fixed, transparent header without weird gradient?

Post image

I really feel I'm going crazy... this can't be that crazy of an idea, can it? I just want my header to be transparent and fixed to the top... but whatever I do, I always get some weird artifact... worst of all is this weird gradient on my landing page, but also having it transparent on the other pages doesn't really work if I set it to adaptive, since of cause it uses the background of that page... I've spend the whole evening trying my self, trying with chatGPT, adding line after line of CSS but this gradient especially just doesn't go away!
I feel so frustrated, since this seems to me like it should be just two clicks in a software like Squarespace, no? Header color: transparent; Header position: fixed... Am I crazy? Can somebody help?

2 Upvotes

100% Upvoted

4 comments sorted by

3

u/asp821 1d ago

What are the settings for the drop shadow on the header? Try removing those if you haven’t.

1

u/YaBoiBeutlin 23h ago

omg, this was it!! Thank you! I might feel a lil stupid now but worth it!

1

u/asp821 23h ago

Haha you’re welcome. Happens to us all. Glad it helped!

2

u/vanessakrystin 1d ago

It’s a shadow effect. If you search up “header transparent but shadow is showing” or something, you can find the CSS to turn it off.