Integrating it better

It seems this is happening because the theme you are using on your site doesn’t style the search form in menu properly.

You can style it 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 screen and (min-width: 768px){
#site-navigation {
    width: 100%;
}
}

#site-navigation li.astm-search-menu {
        padding-left: 1.5556em;
}

li.astm-search-menu input.search-field {
    width: 200px;
    float: left;
}

li.astm-search-menu input.search-submit {
    color: #fff;
}

I think you’re saying I’m supposed to copy and paste that string somewhere. The rest is way over my head.

Yes you are right.

You have to copy the shared CSS code and paste it in the Custom CSS option of plugin which you will find in the admin area of your site in the plugin settings as displayed in this screenshot https://ps.w.org/add-search-to-menu/assets/screenshot-5.png?rev=1707807

Vinod, when I hit “settings” on my admin dashboard, my screen looks nothing like yours. Where do I paste the CSS code? I’d put a screen shot into this email but I see no way to do that. Print screen-plus-paste does nothing.

To get plugin settings, Please make sure you have activated the plugin on your site.

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

https://www.screencast.com/t/Vf6bzDKSVkpO

That’s the screen shot of what I see.

From your shared screenshot it seems you are using wordpress.com to host your site and not www.remarpro.com to self host your site therefore you are not getting the plugin settings there.

In this case please contact wordpress.com support forum here https://en.forums.wordpress.com/ and you can see difference between them on the following pages.

https://en.support.wordpress.com/com-vs-org/
https://ithemes.com/tutorials/wordpress-com-vs-wordpress-org/