body { padding-top: var(--header-height); } html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-height) + 20px); } @media(max-width: 767px) { html { scroll-padding-top: calc(var(--header-height) + 20px); } }