Move the search icon from the main menu to the top menu

Hi,

Please edit menu-top.php and add this code: http://screencast.com/t/FLiykdlZn
I paste the code also in pastebin: http://pastebin.com/4820ncGg

<div id="td-top-search">
                    <!-- Search -->
                    <div class="header-search-wrap">
                        <div class="dropdown header-search">
                            <a id="search-button" href="#" role="button" class="dropdown-toggle " data-toggle="dropdown"><span class="td-sp td-sp-ico-search"></span></a>
                            <div class="dropdown-menu" aria-labelledby="search-button">
                                <form role="search" method="get" class="td-search-form" action="<?php echo home_url( '/' ); ?>">
                                    <div class="td-head-form-search-wrap">
                                        <input class="needsclick" id="td-header-search" type="text" value="<?php echo get_search_query(); ?>" name="s" autocomplete="off" /><input class="wpb_button wpb_btn-inverse btn" type="submit" id="td-header-search-top" value="<?php _etd('Search')?>" />
                                    </div>
                                </form>
                                <div id="td-aj-search"></div>
                            </div>
                        </div>
                    </div>
                </div>

Also you have to use some css code in Theme Panel > Custom Css: http://screencast.com/t/A5oAS0QV

.td-header-menu-wrap .span3{
position: relative;
}
.td-header-menu-wrap #td-top-search {
right: 0px;
}
.td-header-menu-wrap .header-search-wrap #search-button .td-sp-ico-search{
top: 0px;
left: 0px;
}
.td-header-menu-wrap .header-search-wrap .dropdown-menu{
top: 30px;
left: -310px;
}

Result: http://screencast.com/t/7wZu0KKFI
After that if this work you can delete search code from main menu: http://screencast.com/t/luqpz3zxFv

Thanks!

• This reply was modified 11 years by Alin [tagDiv].
• This reply was modified 11 years by Alin [tagDiv].