Search form and Menu on same line

[joeteplow 0]

Hi I know their are similar posts to this but none that I could find with the Platform pro template. Link:www.insurancecreations.com I added a menu item that caused the searchform to drop to a new line. I read a post that showed how to widen the navbar width so i added this into my custom code:

#primary-nav ul.main-nav{width:780px;}

That worked to widen the navbar but then the search bar was to wide and dropped down to a new line. I then proceeded to make the search bar narrower by reducing the .searchform width from 210px to 200

.searchform {
			position: relative;
			width: 210px;
			margin: 0 auto;
			margin-top: 3px;
	
		}

This changed the width of the search form but it is still on a different line. I am sure this has to do with margins or padding. Anyone know how to get the navbar and the searchform on the same line? Thanks Joe

[joeteplow 0]

Ok I was fiddling with it and I added this css it seems to work: Changed position from relative to absolute and added left:760px to push it to the right of the menu.

.searchform {
			[b]position:absolute;
	                left:760px;[/b]
			width: 210px;
			margin: 0 auto;
			margin-top: 3px;
		}

I am not familiar with css, was there an easier or more correct way of doing this? Thanks, Joe

[catrina 103]

The way you fixed it should suffice. As long as the CSS wasn't added to any of the parent files, the change is okay.