Hi.
It was there all along just hidden.
I came up with this and it seems to work –

@media only screen and (max-width: 480px) {
.responsive .logo img {
max-height: 62px!important;}}@media only screen and (max-width: 767px) {
.main_menu .avia-menu, #header_main_alternate {
display: block !important;
}
.av-main-nav > li { display: none; }
li#menu-item-search {
display: block!important;
margin-top: -90px;
right: 110px;
}
.responsive .main_menu {
float: right;
}}
@media only screen and (max-width: 480px) {
li#menu-item-search {
right: 110px!important;
}
}

Thanks again for your help

Awsome! That worked. There is another issue now, when the search box opens it is off the left side of the screen so you only can see the right side of the box. When you type in a search you can’t see what you type as is is off the left side of the screen??
Is there a way to get the search in the top header? I’ve tried this https://kriesi.at/support/topic/search-icon-on-mobile-devices/ but I end up with [avia_search] in the top menu instead of teh search icon.