How to remove Search form Header menu (main)

Hi,

Please follow this topic: https://forum.tagdiv.com/topic/move-search-icon-to-top-header-menu/#post-14285

Thanks

Hi,

Please also make sure you change this span class into span12, like this: http://screencast.com/t/0Xm9bF1Bg6
After this please remove the previous css and user this instead: http://screencast.com/t/LEnvPM1EiFa
Please let me know if you manage to do it and also provide your site’s url so I can inspect this if you don’t.

Thanks

Hi,

First please make a backup of you current theme installation or a copy of the files you change.
Replace the content of menu-header.php file with this: http://pastebin.com/Ca9nXZ6M
Replace the content of menu-top.php file with this: http://pastebin.com/mFCypxcC
After this please add this custom css in theme panel > custom css field:

#td-top-search .td-sp, .sf-sub-indicator {
background-image: url('http://0div.com:70/wp_009/wp-content/themes/009/images/header/elements-menu.png') !important;
}

.td-sp-ico-search{
width: 25px;
height: 25px;
background-position: -20px -544px;
}

#td-top-search {
position: relative !important;
top: 0px !important;
}

#search-button .td-sp-ico-search {
position: relative;
top: 0px !important;
}

.header-search-wrap #search-button {
height: 20px !important;
}

Result: http://screencast.com/t/YVtS1DXV0N2
Replace this URL with your local one: url('http://0div.com:70/wp_009/wp-content/themes/009/images/header/elements-menu.png')

Thanks

Thanks @Ljubisa B.!

Hi,

To add back the menu arrow pointer and left align the search results images please use this css: http://screencast.com/t/RyPXjgPPOsYL
Please remove the one I previous gave you and add only the one bellow:

#td-top-search .td-sp {
background-image: url('http://0div.com:70/wp_009/wp-content/themes/009/images/header/elements-menu.png') !important;
}

.td-sp-ico-search{
width: 25px;
height: 25px;
background-position: -20px -544px;
}

#td-top-search {
position: relative !important;
top: 0px !important;
}

#search-button .td-sp-ico-search {
position: relative;
top: 0px !important;
}

.header-search-wrap #search-button {
height: 20px !important;
}

.td-header-menu-wrap .td-aj-search-results .td_mod_wrap {
text-align: left !important;
}

Regarding the other matters, they are possible to achieve via custom css, unfortunately that is how the search module used there was tooth and designed and if you don’t like you would need to hire a freelancer to do that for you if you don’t know how to do it as we cannot offer custom work at this time because we are working hard on development, updates, fixes and support. You can get a freelancer from sites like: http://studio.envato.com/
For the search icon(lens) you can do this to move it at the right of the menu-top section: http://screencast.com/t/yJwsFCJFgnb
Result: http://screencast.com/t/wngyZChm

Hope this helps!
Thanks!