About making header static

How do we make the header tag static while scrolling the web page?

2 Likes

hello @himachandranp65 ,
You can achieve this by making position of header as fixed followed by overflow as hidden.

  overflow: hidden;
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */

For more detail you can refer to code-pen Link & reach out to this resource for better understanding.

Ganesh Patil | TA - Edyod

3 Likes