Move Search Bar

Hey there,

Is this what you were thinking?

form h3 {
	float: left;
	margin-top: 6px !important;
}
form {
	float: right;
	width: 100%;
	max-width: 413px;
	margin-top: 7px;
}

Let me know if that doesn’t work,
Sage

YES!!! Thank you!

Now the functionality of it isn’t working. Should that have happened? i’m thinking it would look better without the search icon too.

• This reply was modified 8 years, 1 month ago by jennifer.sturgis.

Great to hear that’s the spot!

Replacing the current form code with this should fix the functionality issue:

form {
	float: right;
	width: 100%;
	max-width: 500px;
	margin-top: 7px;
	position: relative;
	z-index: 999999 !important;
}

Code to remove the search icon:

.menu-search {
	display: none;
}

Hope that helps,
Sage

Hmmm. Doesn’t look like that worked.

What functionality are you referring to?

I’m able to type in a search term, click go, and have the products returned.

Let me know,
Sage