Sticky Header

Learn how to make an element sticky within the block of content when the scroll reaches a certain point of the webpage by using the CSS position property. One way to create an on-scroll animated sticky header by…

Are you looking for a unique idea to create a smooth jQuery animated sticky header which shows on scroll? In this simple tutorial, you will learn all about it. With the help of CSS3 transition, we will handle…

You have seen many different header or navigation designs which stay fixed at top of the page and animated on a scroll but such examples only possible with both CSS & Jquery. But how about creating a similar…

There are many ways to create a nice looking header of the website. One creative way to make it resize while scrolling the page to the down. We know that the fixed header with scrolling body content area…

You may know that It is quite easy to create a fixed header using CSS but the issue comes when we need the content area in auto height. In this tutorial, I am going to create a CSS…

Creating stunning navigation is always important for a good looking website. Every designer wants to add creativity to stand out their design skills. One such skill is making a header which should have something unique. One of creativity…