Can we make the Top Bar Float??

  • sghegde87

    #8069

    Is it possible to lock the top bar in a fixed position (at top of course) while visitors are scrolling down??

    I saw a tutorial on doing the same for Menu… But was looking to do this to top Bar… is it possible???

    sghegde87

    #40241

    Just to add, I have tried the below code.

    #top-bar{
    margin: -10px;
    width: 1150px; /*according to my settings */
    position: fixed;
    }

    Everything is perfect but one thing.. The top bar covers the top portion of Header image itself. I want it to be fixed while scrolling down. But at the very beginning, it should not cover my header image..

    Please somebody tell me How do I achieve this???

    sghegde87

    #40242

    Come on guys…… Anyone??? Anybody?? Nobody??????

    Prasanna SP

    #40243
    #top-bar {
    position: fixed !important;
    width: 1150px;
    margin-top: -55px;
    z-index: 20;
    }
    #header {
    margin-top: 50px;
    }

    sghegde87

    #40244

    Great…. Thank you Prasanna…. Marking this resolved..

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.