Astra: Hide Main Header before scroll

Hide Main Header before scroll

Last Updated: 3 months ago

Hide Main Header before scroll and then reveal fixed header when scrolling down

Use !important if necessary

.main-header-bar {
    display: none;
}

#ast-fixed-header .main-header-bar {
    display: block;
  
}
Hide Main Header before scroll
Scroll to Top