Step 1) Add HTML: Create a header: Example Code: <div id=”header”>Header</div> Step 2) Add CSS: Style the header: Example Code: #header { background-color: #f1f1f1; /* Grey background */ padding: 50px 10px; /* Some padding */ color: black; text-align: center; /* Centered text */ font-size: 90px; /* Big font size */ font-weight: bold; position: fixed; /* Fixed position – sit on top of… Continue reading How to shrink a header on scroll with CSS and JavaScript.