Sticky Header Bar in Blogger Dynamic Views

Before

After

Here's another quick one. When you start to scroll in Blogger's Dynamic View, your header bar will automatically hide itself and will only re-appear when you point to it. Here's how you can force it to stay visible all the time.

Go to Dashboard --> Template --> Customize --> Advanced --> Add CSS --> paste the following code --> Press enter after the last character of the last line } --> Apply to Blog.

#header .header-drawer.sticky{
margin-top: 0px !important;
position: fixed !important;
top: 65px !important;
-moz-transition: top 0.0s linear 0.0s !important;
-webkit-transition: top 0.0s linear 0.0s !important;
-ms-transition: top 0.0s linear 0.0s !important;
-o-transition: top 0.0s linear 0.0s !important;
}

If you've added a custom header from my 'Dynamic Views Header' tutorial, you need to adjust Line 4 from the code above to fit with the height of your header. You can find this value by tracking back the code for your custom header, and look for the last value in the code (next to the 'height' attribute).

Happy Easter everyone :)