.site-header {
    position: sticky;
    top: 0;      /* Sticks to the top of the viewport */
    width: 100%; /* Ensures it spans the full width */
    z-index: 1000; /* Ensures it stays above other content */
    /* Optional: add a background color if content overlaps */
}