Tremont Theme - Fix navigation at the top of the page

Site URL: https://hen-semicircle-g5hj.squarespace.com/

Hi All,

I would like to hide the navigation bar during scrolling. If you see now, when I'm scrolling down, it disappear but when I'm scrolling up, it appears.

https://hen-semicircle-g5hj.squarespace.com/
PW : bubu

How do I disable it during scrolling? I would like it to appear at the top of the page only.

Thank you very much in advance!

Best regards,
Adrian

Difficult

I think you need to use JavaScript to add new class when scrolling

then set display: none to this class.

(you need a Business Plan or higher to do this)

Hi tuanphan,

Thank you for your reply. We're actually on a business plan. Do you mind share how we go about editing the javascript?

I would really appreciate your help.

Thank you again.

Best regards,
Adrian

Here is the fix using CSS
inject this is the DESIGN section of custom CSS

.site-header{
  position: absolute;
}

So grateful to have found this solution. Thank you!