Nav bar "search" field position

  • Demetrios



    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. <- 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 If there is any help from anyone it would be greatly appreciated. Thank you.


    Kenneth John Odle


    Have you tried just

    #top_search {position: fixed;}

    without the #nav?



    Yes. When that is applied the search bar disappears.


    Kenneth John Odle


    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.



    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.