See the step-by-step instruction at below:
Open the functions.php file of your Digital Pro theme and add the following snippets at end of the file. Before editing the file you will keep a backup of your child theme.
<h2 class="padding-top-30">Step 2</h2> Creating a JS file <strong>"toggle-search.js"</strong> and put into the <strong>js</strong> folder. Here is the code of this file: <div class="woocommerce"><div class="woocommerce-info wc-memberships-restriction-message wc-memberships-message wc-memberships-content-restricted-message">This content is only available to members. You must subscribe the <strong><a href="/?add-to-cart=1324" class="button" style="float: none">monthly membership plan ($.9.99 USD)</a></strong>.</div></div>
Add this simple PHP script in your functions.php file. It will load the toggle-search.js file on your site.
This is the last step. Open the style.css file and add the following CSSs at end of the file:
If you need help, feel free contact me via contact page.