Shop Categories

X

Sticky top bar

Home Forums Agama Pro Sticky top bar

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #29309
    Diego Letelier
    Participant

    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

    #29320
    yuniz
    Keymaster

    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

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.