NO BUG: Sticky Header hide on scroll not working

Bricks Version: 1.6b2
Browser: Firefox, Vivaldi
OS: Windows
URL: Créations, Refontes, Maintenance de Sites Web - Fantou WebMaster

Hello (again :stuck_out_tongue: )
I made these settings for my header template
header
But when I’m scrolling, the header did not disappear. Is it a bug or a bad config of mine?

I just tried it and at least it works for me (Bricks version 1.5.7, the last stable version) try to update and test it.

Hello @Vince321 ,

Thanks for your reply. Where did you get this 1.7 version? In my account it’s stopped at 1.5.7 and in the changelog page, there is only the 1.6beta2

I’ve seen a video on youtube where this hidding effect after scrolling is working too. Maybe I set something wrong but I don’t find what… ^^;

Hey Fantou,
You need to disable the “sticky on scroll” setting and remove the “px” from the slide up after value:

CleanShot 2022-12-06 at 16.28.38@2x

Ps: The current stable version is 1.5.7, the next one will be 1.6. It will still take a while until 1.7… :wink:

Hello @timmse

I misread the version, sorry. ^^;

I did that but same effect. :frowning: I will check if I did not set something wrong somewhere else…

Just a little suggestion : In french, the traduction for “sticky on scroll” is " Décaler le contenu". I think it’s a little bit confusing. Maybe “Sticky au défilement” or “Fixe au défilement” would be more understandable :slight_smile:

Hmm, that’s strange! Please check if this also happens when you create a new header.
Thanks for the translation suggestions, I’ve added them to our to-do list.

Hello @timmse ,

I finally find my problem : For having a “transparent header”, I’v set a negative bottom margin of the section of the header. If I delete it, the slide up effect works.

but then, what is the best way of doing a “transparent header”? :slight_smile:

I’m not sure I understand: when should the header be transparent? Always?

Hello @timmse

It would be at the beginning, when visitors arrive on the page. With Elementor, for doing this I add a negative bottom margin for the header in order to make the first section of the page coming “under” header. It makes like a “transparent effect”.

If I doing this with Bricks it’s ok but then, the “hidding” effect after scrolling seems to not work.

Not a big deal, it’s just an observation :slight_smile:

Hi Fantou,
We’ve updated the french translation in Bricks 1.6.2, now available as a one-click update within your WordPress Dashboard.

Best regards,
timmse

Hi timmse,

Thanks for the traduction and the information! :slight_smile:

Did you find a solution?
With Elementor I have either set a negative margin-bottom to header or negative margin-top for the first section. It depended how many pages I need it to be transparent.

Yes, thanks. I have also set a negative margin-bottom to header and now, all is working, even the hidding effect after scrolling :slight_smile: