Search on mobile, but also on desktop

See screenshot, open a link on the mobile and the search will be on screen.

you have seen the screenshot ?

i want the desktop it was before, the searchbutton on the right
and on the mobile the search in the menu

No now it is on the right side and breaking everything.

I just need the normal search icon on the desktop and a search on the mobile

Ok,

i used this for functions.php

add_filter( ‘wp_nav_menu_items’, ‘avia_append_search_nav’, 10, 2 );

function avia_append_search_nav ( $items, $args )
{

if ($args->theme_location == ‘avia’) {
$search_form = get_search_form(false);
$items = ‘<li id=”menu-item-searchbox”>’.$search_form.’‘ . $items;
}
return $items;
}

and this for css

#menu-item-searchbox form div {
display: block !important;
opacity: 1 !important;
width: auto !important;
}

#menu-item-searchbox form div #s {
width: 300px !important;
max-width: 300px;
}

#menu-item-searchbox {
top: 25px;
}

#top #searchsubmit, .ajax_load {
right: 0px;
}

no that i used to get the search on the mobile.
now i removed it and it is ok again.

But i need the search function also on mobile.