Move Ajax Search from Top Bar to Main Menu Header

Just wondering how difficult it is to move the Ajax Search from the Top Bar to Main Menu?

My site

Any ideas? :S

One thing is difficult and something else is how much time it will take (it may not be difficult but it may take a long time

Have you tried to move the search form? You will definately change some classes but they’re specific to the search so it shouldn’t be too difficult (even though it may be time consuming)

Now, the programming behind (AJAX, as you said) shouldn’t be affected but a change like this… unless they rely in the whole html to do so and that would be rare.

The best thing you can do is … to try and test it and see how it goes.

Did you try?

Hi,

You could just push it down with css but i don;t know how reliable that will be. You will probably need to put it back where it was when the small screen menu kicks in though.

e.g.

#top-bar-search {
	position:relative;
	top:60px;
}
#top-bar-search .sb-search input[type=submit] {
	background:#000!important;
}
@media screen and (max-width:1100px) {
	#top-bar-search {
		top:0;
	}
	#top-bar-search .sb-search input[type=submit] {
	background:#169fda!important;
	}
}