Search bar not popping up in mobile hamburger menu

I hope you are well today and thank you for your question.

This seems happening because of CSS conflict but you can display it properly on mobile 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

.menu-mobile .astm-search-menu.dropdown form {
    display: block !important;
    position: static;
    opacity: 1 !important;
}

.menu-mobile .astm-search-menu.dropdown form i.fas.fa-search,
.astm-search-menu.dropdown > a {
    display: none;
}

Best regards,

Thank you so much for the help, Vinod!

That worked in pulling up the search bar in the hamburger menu for mobile. Is that how it’s supposed to look? I’m unsure if more CSS conflicts are affecting the way it looks since the search icon disappeared when I implemented your code.

I also get a very big zoom in when I click to enter search terms. I have to pinch and zoom out to see what I’m actually typing. Is this part of the plugin?

That worked in pulling up the search bar in the hamburger menu for mobile. Is that how it’s supposed to look? I’m unsure if more CSS conflicts are affecting the way it looks since the search icon disappeared when I implemented your code.

Yes we made it to display like that to resolve the issue.

I also get a very big zoom in when I click to enter search terms. I have to pinch and zoom out to see what I’m actually typing. Is this part of the plugin?

The plugin doesn’t control search form but just displays it in the menu so it has nothing to do with plugin but with Sprout & Spoon theme that you are using on your site.