How to set floating header bar to always display?


#1

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: http://staging.cr-i.org/

Thanks!


#2

Hi,

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


#3

Great - thank you so much!