Start with no menu, show only after scrolling


On the West theme, is there a way for the menu (and the logo to the left) not to show up at all…until user begins to scroll down?

Thank you,

Hello Jessica, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

#masthead:not(.header-scrolled) {
  visibility: hidden;
  transition-duration: .1s;

#masthead {
  transition-duration: .2s;

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

Hello Roman,

Thank you SO much for getting back to me so quickly. That code did make the bar invisible until scroll. But, I would like the nav bar to remain sticky. And I would like it to be transparent or white.

Thanks again,


Hello Jessica,

Can you please provide a link to your website in order to let me check your header?

Kind Regards, Roman.
aThemes Support