I am using the search in the primary navigation menu. The search icon is on the right end of the menu and when I click on it, the search field is at the height of the navigation menu, which is good. But the search field extends all the way across the navigation menu, which looks odd in certain situations.
After the search icon is clicked, I would like the search field to be restricted to the right side of the navigation menu and limit the width of the search field to maybe an inch or two.
I am using Simple CSS, so if you can give me some css to drop in, I would appreciate it. If you can let know the numerals in the CSS that you send that control the width of the search field, that would be great.