Sticky top bar

[Diego Letelier]

Hello guys,

Could I have a sticky top bar? I´ve tried the not shrinking option and a css from this forum. Doesn´t work properly.

The css used whas this:

/*top menu sticky*/
.top-nav-wrapper {
display: none!important;
}
@media screen and (min-width: 993px){
.top-nav-wrapper{
display: block!important;
position: fixed!important;
top: 0!important;
background-color:rgba(89,89,89,0.91)!important;
z-index: 999!important;
}
.sticky-header,
.sticky-header-shrink:not(.home){
margin-bottom: 55px!important;
top:55px!important;
background-color:rgba(89,89,89,0.91)!important;
}

Best regards,
Diego

[yuniz]

Hi @Diego,

We fixed the CSS for you! Please paste the below css to your custom CSS styling it will work for you.

/*top-bar menu sticky css start*/
.top-bar-out #top-bar {
display:block!important;
position:fixed!important;
top:0!important;
background-color:#290707!important;
z-index:999!important;
width:100%;
border-top:3px solid #687373;
}
.sticky-header.sticky-header-shrink {
border-top-width:0px!important;
top:48px;
}
/*top-bar menu sticky css end*/

Thanks

[Author]

Posts