Nav bar "search" field position

  • Demetrios

    #9007

    Hello,

    I’ve been researching and recently I have made the nav bar fixed. The only thing is I can’t align the search bar with it.

    http://i.imgur.com/3R8PeEb.jpg <- when search is enabled on nav bar and CSS is applied.

    #nav #top_search {
    position: fixed;
    }

    Current nav bar CSS is

    #nav, #nav ul {
    top: 0;
    position: fixed;
    background: #000000;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    }

    Site is EmceeEnthusiast.com. If there is any help from anyone it would be greatly appreciated. Thank you.

    Mod

    Kenneth John Odle

    #42567

    Have you tried just

    #top_search {position: fixed;}

    without the #nav?

    Demetrios

    #42568

    Yes. When that is applied the search bar disappears.

    Mod

    Kenneth John Odle

    #42569

    Try this:

    #top_search {
    float: none;
    position: fixed;
    top: 10px;
    }

    You’ll probably need to play around with top a bit to get it lined up where you want it.

    Demetrios

    #42570

    I’ll try that and get back to you. Thank you for your help and time.

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

  • You must be logged in to reply to this topic.