form covers the title on mobile

There is a search function but first after clapping out. I want the searchfield directly visible, maybe with some customization?

I had deactivated it for a minute to see how it looks without. Now is again there

CSS is still from Theme before (zeeFlow):
@media screen and (max-width: 910px){
.astm-search-menu-wrapper .astm-search-menu {
width: 100%;
}

Only mobile view counts for me. In menu I have disable this field

Should I deactivate Themes own search field above?

If you don’t need then you can disable theme search field and to style mobile search functionality please use the below custom CSS code.

.astm-search-menu-wrapper input.search-submit {
    position: relative;
}

.astm-search-menu form label {
    float: left;
    width: 84%;
}

.astm-search-menu-wrapper .astm-search-menu form {
    max-width: 100%;
    display: table;
    margin: 0 auto;
    width: 71%;
}

I have disabled won field from Theme but with css ist looks not as good as by theme before.

I had only clean field above over the full brite of mobile screen.

here covers the very short field a half of the header ;o(

Is there any other option possible?

Please try using below custom CSS code.

div.astm-search-menu-wrapper .astm-search-menu {
    float: none;
}

div.astm-search-menu-wrapper {
    top: 0;
}

div.astm-search-menu-wrapper .astm-search-menu form {
    width: 100%;
    float: right;
}

.astm-search-menu-wrapper .astm-search-menu form label {
    width: 90%;
}

Even worse ??

https://www.dropbox.com/s/vd9k6rmossbixg8/1.jpg?dl=0

By Theme before was like this:

https://www.dropbox.com/s/win902v6tv39b06/2.jpg?dl=0

It shouldn’t display like that.

Please remove all existing custom CSS code from the plugin settings and only use the custom CSS code shared recently above and don’t add any of your own custom CSS code.

It is the last one and nothing more…
I just checked it

Ok then along with previously shared CSS code please use below custom CSS code.

.astm-search-menu-wrapper .astm-search-menu form label {
    width: 100%;
}
div.astm-search-menu-wrapper .astm-search-menu form {
    max-width: 100%;
    position: relative;
    overflow: visible;
}
div.astm-search-menu-wrapper {
    right: 0;
    padding-right: 30px;
}

div.astm-search-menu-wrapper input.search-submit {
    position: absolute;
    right: -30px;
    top: 0;
    z-index: 999999;
}
@media screen and (max-width: 910px){
body {
    margin-top: 30px;
}
}

one after another? I did but it changes nothing ;o(

I also have all the time ticked:
Mobile Display :
This site uses Cache

After new code I refresh the cache

Here’s the how it is displaying for me on your site https://imgur.com/a/Y6a5YME

Please test it clearing your browser cache.

I refreshed but I use incognito window mostly

In wp custization:

https://www.dropbox.com/s/vd9k6rmossbixg8/1.jpg?dl=0

In Android appears fist ok but after a second or 2 appears aan empty strip and serchfiesl goes down and covers the header

https://www.dropbox.com/s/win902v6tv39b06/2.jpg?dl=0

In css I now have last both codes one after another as You wrote