Replace BB Search With Woocommerce Search Mobile and Desktop

So, I inherited this website, which uses Beaver Builder Theme. The person who built the site used custom post types for products. I wasn’t familiar with it, so I switched over to woocommerce. The customer wants a product search on both desktop and mobile. My default search is pulling up the old custom post type pages that are no longer there or missing images (example:
And the default search doesn’t show on mobile.
So I used a custom header template and added the product search to the navigation. All great on desktop. But on mobile the product search doesn’t show, the defualt search does.
How can I get a woocommerce search on Desktop and Mobile?

I also read this article, which seemed to be the right steps, but didn’t work for me, Customize Search Box to only search products - #2 by bencarlo