Maple: How to make navigation fixed/sticky?

Hello, can someone please help with some code that would make the navigation bar and white background sticky on scroll?

https://www.hellobrella.com

Thank you!

@asjeffer Did you solve problem?

@tuanphan thank you for checking!

I tried the following code, but you can see that the bar appears to be floating rather than fixed to the top of the screen...there is a gap above the nav bar/header through which you can see the content underneath as you scroll...do you have a fix for this or new code all together? Thanks again!

.Header-inner { z-index: 9999; width: 100%; } .Header{ z-index: 9998; position: fixed; width: 100%; }

@media screen and (max-width: 3000px) { .Index-page--has-image .Index-page-content { margin-top:104px !important; } }

@media screen and (max-width: 500px) { .Index-page--has-image .Index-page-content { margin-top:0px !important; } }

@asjeffer you can add top: -2px

.Header {
   z-index: 9998;
   position: fixed;
   width: 100%;
   top: -2px;
}

That fixed it @tuanphan thank you so much!

@tuanphan can you share the code for your fix above? I'm also trying to accomplish a sticky on scroll effect for my primary nav using maple. 

26 minutes ago, mariella said:

@tuanphan can you share the code for your fix above? I'm also trying to accomplish a sticky on scroll effect for my primary nav using maple. 

Can you share link to your site?