Insert a search form into the right side of the menu bar in the Atmosphere child theme

Adding  Search Form Button into Menu Bar

See the step-by-step instruction at below:

Step 1

Open the functions.php file of your Atmosphere 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).

Step 2

Creating a JS file “toggle-search.js” and put into the js folder. Here is the code of this file:

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

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

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 *