How to set floating header bar to always display?

I’d like to set the floating header bar that appears as you scroll down the Home page to always display (i.e. including over the header image). Here is the site:



Here is the css code that you need to:

.site-header {
    background-color: rgba(255, 255, 255, 0.6) !important;
    text-shadow: 1px 2px #000;

You can remove the text-shadow from the code above if you dont want the menu has shadow.

Put the code above using custom css plugin

Great - thank you so much!