Controlling Position of Search Form in Navigation Menu

Topics: Customizing Orchard, Writing themes
Jan 25, 2012 at 7:59 PM

Hi

I have two navigation links in my top menu:

"Home" at position 1
"About" at position 2

When I add the search form widget to the menu at position 3, Orchard renders the following HTML:

<div class="topbar">
	<div class="fill">
		<div class="container">
			<a href="./" class="brand">jpen</a>
			<article class="widget-search-form widget">
			<form action="/Search" class="search-form" method="get">
				<fieldset>
					<input id="q" name="q" type="text" value=""/>
					<button type="submit">Search</button>
				</fieldset>
			</form>
			</article>
			<ul class="nav">
				<li class="active"><a href="/">Home</a>
				</li>
				<li><a href="/about">About</a>
				</li>
			</ul>
		</div>
	</div>
</div>
I've tried changing the position of the search widget (i.e., "Position" box in "Edit Widget") but that doesn't seem to make any difference.

Does anyone know how I can place the search form after the "About" link?

Many thanks