Insert a search form into the right side of the menu bar in the Digital Pro theme

Insert Search Icon at Digital Pro Menu Bar
See the step-by-step instruction at below:

Step 1

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.

This content is only available to members. You must subscribe the monthly membership plan ($.9.99 USD).

<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>

Step 3

Add this simple PHP script in your functions.php file. It will load the toggle-search.js file on your site.

This content is only available to members. You must subscribe the monthly membership plan ($.9.99 USD).

Step 4

This is the last step. Open the style.css file and add the following CSSs at end of the file:

This content is only available to members. You must subscribe the monthly membership plan ($.9.99 USD).

If you need help, feel free contact me via contact page.

Share This Article

Subscribe Membership Plan ($9.99/mo)

  • Get full access to all premium tutorials
  • Get Support for the posted content
  • Request for specific how-to tutorials
  • Cancel the subscription at anytime

Reader Interactions

Leave A Reply

Your email address will not be published. Required fields are marked *