Magento – Magento 2.2.4 – How to move Layered Navigation on top of Content on Search Pages

The problem is that the name of the product list is different on the category page as on the search results page.

1. Category: product_list
2. Search results: search_result_list

So with this in mind the following code should work for you

<catalogsearch_result_index>
    <!-- remove from left block -->
    <reference name="left">
        <action method="unsetChild">
            <child>catalogsearch.leftnav</child>
        </action>
    </reference>

    <!-- add as child to product list block -->
    <reference name="search_result_list">
        <action method="insert">
            <child>catalogsearch.leftnav</child>
        </action>
    </reference>

</catalogsearch_result_index>

Add the following line into yourtheme/layout/default.xml

<move element="top.search" destination="navigation.sections" after="catalog.topnav" />

Copy sections.phtml from module-theme/view/frontend/templates/html/sections.phtml to yourtheme/templates/html/sections.phtml

Now open this file and put the following line of code after class="section-items" DIV

 <?php echo $block->getChildHtml('topSearch'); ?>

This is working for me.