How to create a sticky header that works across all devices?

[jameschris21]

I want it to remain fixed at the top of the page as users scroll, without affecting the layout or responsiveness on mobile and desktop (More Information). Any tips on implementing this using CSS or Liquid?

[topnewyork]

@media (max-width: 768px){
    .site-header {
       position: sticky !important;
}
}

@media (min-width: 769px){
 .site-header {
       position: sticky !important;
}
}

[namphan]

Hi @jameschris21,

Please send the website link, I will check it for you