How to Fix Elements To The Top Of Screen When The Viewport Is Not Tall Enough?

[Viren Patel]

#53733

How to Fix Elements To The Top Of The Screen When The Viewport Is Not Tall Enough?

---

[Darshan Rathod]

#53735

@media (min-height: 500px) {
.site-header {
position: sticky;
top: 0;
/*other styles*/
}
}
The browser to fix the header to the top only if the viewport’s height is equal to or greater than 500 pixels.
When you use position: sticky, it won’t work unless you specify the top property.

---

[Author]

Posts