Header: hide top / secondary menu on scroll – Horeca Webservice Knowledge Base

Last updated:

26 May 2025

Source: http://quiroz.co/hide-divis-top-header-on-scroll/

/* START hide top header on scroll by Geno Quiroz */
    #top-header {
            z-index: 9;}
    #main-header{
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;}
    #main-header.et-fixed-header {
        top: 0 !important;}
/* END hide top header on scroll by Geno Quiroz */
Code language: CSS (css)