Warning: Cannot modify header information - headers already sent by (output started at /home/jerwon11/divtagtutorials.com/wp-content/plugins/captcha/captcha.php:1) in /home/jerwon11/divtagtutorials.com/wp-content/plugins/wp-super-cache/wp-cache-phase2.php on line 60
How to hide Search Button when search bar is turned off

How to hide Search Button when search bar is turned off

1) Click into “design” and into “edit html/css”
2) Click on “main_style.css” to open the css editing page
3) Here locate this code:

#search-button {
float: right;
padding-left: 15px;
cur

Different theme may have different code details. The important part here is to locate this #search-button . Anything below the identifier code is not important.

For MILO Theme users, the all-in-one themes have its own search bar customization area. Please SCROLL to near the bottom of the page to locate this code:

/* ------------------------------------------------------------------------------/
Search Bar
/ ------------------------------------------------------------------------------ */
#search-button {
display: table-cell;
}

4) Here add display: none; like this:

#search-button {
display: none !important;
float: right;
padding-left: 15px;

5) Save your change and publish your site

Tags: , , , , , , , ,