form covers the title on mobile

On mobile on your shared site I can see the search form is displaying both in the header and in the mobile menu so please tell me exactly where do you want to display it on mobile?

If you want to display it in header then you can hide it in mobile menu by adding the below CSS code in the Custom CSS option of Add Search To Menu plugin settings on the path Settings -> Add Search To Menu

@media only screen and (max-width: 60em){
#mainnav-menu li.astm-search-menu.astm-search-menu.default {
    display: none;
}
}

The above shared CSS code removes search form displayed in your mobile menu which only gets displayed when you expand mobile menu on clicking on the burger menu icon.

To resolve the header search covering site title, please also use the below custom CSS code.

.astm-search-menu-wrapper {
    top: 35px;
    right: 35px
}

@media only screen and (max-width: 600px){
#header {
    padding: 0 0 4em 0;
}
.astm-search-menu-wrapper {
    top: 75px;
}
}

Yes you are confused because I am sharing you the CSS solution according to what is displaying on your site but it seems after using CSS code you are changing plugin settings which make the CSS solutions not to work.

To avoid this please tell me exactly what you are trying to achieve and configure the plugin settings accordingly then share me the plugin settings screen screenshot and don’t change anything in the plugin settings until i tell you.

For screenshots, you can simply provide a link to an image through Google Drive, Dropbox, screencast.com, http://imgur.com/ or other image service. 🙂

After this if there is any issue on your site then I can provide you CSS solution to resolve it.

Please note we have mentioned on the plugin page that “The styling of search form highly depends on how the theme styles search form” so it seems the zeeFlow theme you are using on your site doesn’t style it properly therefore we have to develop CSS code to style it.

Please set Search Form Style to default and I will develop CSS code to make it full width on mobile.

Ok then please add the below CSS code in the Custom CSS option of Add Search To Menu plugin settings on the path Settings -> Add Search To Menu

@media screen and (max-width: 910px){
.astm-search-menu-wrapper .astm-search-menu {
    width: 100%;
}

.astm-search-menu-wrapper #searchform {
    max-width: 100%;
}

.astm-search-menu-wrapper #s {
    width: 99%;
    float: right;
}
#wrapper #header {
    padding-top: 26px;
}
}

You are most welcome and thank you for cooperating, I’m glad I was able to help you in this matter. There is no obligation but by your kind words I wonder if I could trouble you to leave a review based on this experience here:

https://wordpress.org/support/plugin/add-search-to-menu/reviews/

I’d really appreciate that. 🙂

And if i can be of any further assistance please don’t hesitate to ask.

Thank you!

I visited your shared site but didn’t see the plugin used on your site.

Please advise.