Menu sticky > margin top

[Antoine]

Antoine

August 27, 2015 at 3:17 am

Hello,

I have added a top-margin at my header menu here : *Login to see link
But I would like to delete this margin-top when I scroll.
Is it possible ?

Thanks very much for your help, again !

Here the code fir my header menu :

.kad-header-style-basic #logo { /* hide logo */
display: none;
}

.sf-menu li { /* container > all entries */
background-color: #000000;
margin-top: 10px;
}
.kad-primary-nav ul.sf-menu { /* all entries */
background: transparent;
}

.kad-header-style-basic #nav-main ul.sf-menu > li:last-child > a { /* last entry */
background: #dc4047;
color : #ffffff;
}
.kad-header-style-basic #nav-main ul.sf-menu > li.current-menu-item > a { /* active menu */
background: #dcdcdc;
color: #555555;
}

#nav-main ul.sf-menu a:hover { /* hover */
color: #000000;
background-color: #dc4047;
}

.is-sticky .headerclass { /* page scroll > effect */
background: #000000;
border-bottom: none;
}

#nav-main .sf-menu li:first-child a i { /* remove margin for home icon -desktop */
margin: 0;
}
#nav-main .sf-menu li:first-child a span { /* hide label for home -desktop */
display: none;
}
.kad-nav-inner .kad-mnav li:first-child > a > i { /* remove margin for home icon -mobile */
padding: 0;
}
.kad-nav-inner .kad-mnav li:first-child > a > span { /* hide label for home - mobile */
display: none;
}

@media (min-width: 1200px) { /* Menu Desktop */
.kad-header-right {
width: 100%;
}
.kad-primary-nav ul.sf-menu {
float: left;
}
.kad-header-style-basic #nav-main ul.sf-menu > li:last-child > a {/*last entry*/
margin-left: 605px;
}
li.menu-reserver {/*gap between first entries and last entry*/
background-color: transparent;
}
li.menu-book-now {/*gap between first entries and last entry*/
background-color: transparent;
}
}

@media (max-width: 992px),
(max-width: 992px) AND (max-height: 800px) { /* Menu Mobile / Tablette */
.sticky-wrapper .container { /* Menu bar > Container */
margin: 0px !important;
}
.mobile-nav-container { /* Drop-down menu > Container */
width: 100% !important;
padding: 0px !important;
margin: 0px;
}
.mobileclass { /* Drop-down menu > Contenu */
text-align: center;
}
#kad-shrinkheader .col-sm-4 { /* Shrink menu > container */
width: 100%;
padding: 0px;
}
.nav-trigger-case .kad-navbtn { /* Shrink menu > Contenu */
float: left;
}
.kt-icon-menu3 { /* */
background: #000000;
padding: 5px;
}
}