Skip to content Skip to sidebar Skip to footer

Make My Search Box Show Up In The Right Position

how do i make the search box in the center of the nav bar? you will see what i mean below with the image.. ill post my css code for the search box below the image .. #advsearch

Solution 1:

Here you need to modify some css code.

#cssmenu > ul > li > a {
    color: #A0A0A0;
    font-family: Verdana,'Lucida Grande';
    font-size: 15px;
    /*line-height: 70px;
    padding: 0;*/position: relative;
    top: 7px;
    transition: color 0.15s ease 0s;
}

Demo: http://jsfiddle.net/y5Fhc/8/

Solution 2:

anchor in not needed in the li of search box and I have added a class in the li of search box to make it center of the nav bar.

css

li.search{
    line-height:40px;
}

html

<liclass='active search'><span><formmethod="get"action="/search"id="advsearch"><inputname="q"type="text"size="40"placeholder="Search..." /></form></li>

jsFiddle File

Post a Comment for "Make My Search Box Show Up In The Right Position"