sticky navigation menu on empire theme all the way down

[Wellanie]

Hi,

I'm trying to figure out how to keep the main menu sticking all the way down. If you will check my website, it is only keeping the main menu halfway.

Here's the website's link.

[Dan-From-Ryviu]

Hi @Wellanie you can do that by adding this CSS code at the bottom of your theme.css or theme.css.liquid file in Online store > Themes > Edit code > Assets 

@media only screen and (min-width: 1024px) {
.site-header-sticky--scrolled .site-navigation-wrapper {
display: block !important;
margin-top: 0px !important;
}
}

[Wellanie]

your answer was really helpful,

although there is another problem. the menu was kept when scrolled down, but when you try to scroll it back all the way up, it disappears. 

[bobbyboland]

Hi Wellanie 

I'm having the same issue with this solution: "the menu was kept when scrolled down, but when you try to scroll it back all the way up, it disappears."

It seems to be fixed on your website. Could you share the solution or some tips on how to fix this? Thank you. 

[vivi6]

I also used this solution and had the same issue. Trying things out, I put "1px" in the place of "0px" and it seems to have fixed it. I'm not 100% sure what that did exactly, but it keeps the menu from disappearing.