Hi Ostsee
Thanks for posting 🙂
Unfortunately, this isn’t a simple change. The header search uses JavaScript. The search is identified, in part, by the parent selector main-navigation
. If you remove the search from that div, the JavaScript can’t locate the search form. The CSS targetting the search icon is also prefixed with the main-navigation
class, moving the search out of that div means you’d have to add the styling to your child theme and remove the main-navigation` selector.
Have you perhaps considered using: https://wordpress.org/plugins/bop-search-box-item-type-for-nav-menus/