Controlling Position of Search Form in Navigation Menu

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


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">
					<input id="q" name="q" type="text" value=""/>
					<button type="submit">Search</button>
			<ul class="nav">
				<li class="active"><a href="/">Home</a>
				<li><a href="/about">About</a>
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