/* Pinned, see-through header */ .site-header{ position: fixed; top: 0; left: 0; right: 0; z-index: 9999; background: rgba(255,255,255,0); /* fully transparent */ /* Optional "glass" effect like many modern sites: */ backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } /* Layout + spacing */ .site-header__inner{ display: flex; justify-content: space-between; align-items: center; padding: 20px 24px; box-sizing: border-box; } /* Optional: keep content from hiding under the header. If you WANT the content to slide under (like your example), delete this. */ body{ padding-top: 80px; }