WordPress › Support » Remove search box [Twenty Eleven]

jfg69
Member
Posted 1 year ago #

Not finding anything in my search here, where can I find the code to comment out to remove the search box?

Chip Bennett
Theme Review Admin
Posted 1 year ago #

Look for this code block in header.php:

<?php
// Has the text been hidden?
if ( 'blank' == get_header_textcolor() ) :
	?>
	<div class="only-search<?php if ( ! empty( $header_image ) ) : ?> with-image<?php endif; ?>">
	<?php get_search_form(); ?>
	</div>
	<?php
else :
	?>
	<?php get_search_form(); ?>
<?php endif; ?>

Note: I strongly recommend making any changes in a Child Theme.

jfg69
Member
Posted 1 year ago #

Thanks Chip, I am working on a child theme, but cant seem to figure out how to get the changes I already made into the child theme..

I would be copying the header.php into the child and editing that, correct?

jfg69
Member
Posted 1 year ago #

Searchbox gone, thanks!

Chip Bennett
Theme Review Admin
Posted 1 year ago #

Yep; you got it!

GeekMomMashup
Member
Posted 1 year ago #

Howdy! What do I do with the header.php code to remove the search box in my child theme? What part should I delete? I have a separate search widget, and the default search box is hidden in my header image. Thanks for your help!

Heather

Chip Bennett
Theme Review Admin
Posted 1 year ago #

Look for this bit, I think:

<?php
// Has the text been hidden?
if ( 'blank' == get_header_textcolor() ) :
	?>
	<div class="only-search<?php if ( ! empty( $header_image ) ) : ?> with-image<?php endif; ?>">
	<?php get_search_form(); ?>
	</div>
	<?php
else :
	?>
	<?php get_search_form(); ?>
<?php endif; ?>

Altairelectronics
Member
Posted 1 year ago #

Hi, I had the same question but do not know what to do with the code in order to change it. I have found where it's located under header.php, but what needs to be done in order to remove the search box completely. I was also wondering if taking this our will allow me to have a header across the whole theme or still up to where the search box was?

Thanks in advance

Altairelectronics
Member
Posted 1 year ago #

Hi everyone, I was still wondering how to do this and haven't found the solution yet. Does anyone have some insight to share for this?

Thanks

chaddahlberg
Member
Posted 1 year ago #

Altairelectronics - if you are looking to simply remove the search box in the header - comment out (or you can delete - but safer to comment out) the sections provided above in the header.php file and it will be gone. This what you're looking for?

Chad

MsCrow
Member
Posted 1 year ago #

Hello, I also have the same question as Altair. I asked a colleague with an ipad to check as they were having menu wrapping issues. I have removed the search box following these instructions with my child theme. My colleague confirms that the wrapping has stopped and the menu is all on one line with no further menu editing needed.

Thanks for the code assistance above Chip.

Altairelectronics
Member
Posted 1 year ago #

Thanks everyone, the problem is solved. I didn't know how to write the code for it but now it's all fixed and working smoothly.

redi1
Member
Posted 1 year ago #

Thanks Chip, very easy to follow.
Now that the search box is gone. How do I place a banner in that position? Could you use html code that would normally used in text widget and place in header.php?

strawberrytech
Member
Posted 1 year ago #

I handled this a totally different way, and wonder if it is acceptable.

I went to the "searchform.php" file and moved the "*/" following the comments at the top to the bottom, so that the header is calling an empty file.

Is this totally a bad way of handling things?

wldwil
Member
Posted 1 year ago #

I read this three times now. So, if it is more safe to comment out would someone mind to explain what you put in your child theme to do so?

quintont
Member
Posted 1 year ago #

why not edit the css? :

/* Search Form */
#branding #searchform {
	display: none;
}

wldwil
Member
Posted 1 year ago #

Hi Quint,

Are you saying to put this in the child theme?

My understanding is that edits should be done in a child theme.

Thanks,
Bill

Rev. Voodoo
Volunteer Moderator
Posted 1 year ago #

to make changes (ie. commenting out) to a parent theme file such as header.php, you must copy that file from parent to child and then make the edits. The child theme's version will be used instead of the parent's (for theme files other than style.css and functions.php which behave differently)

As far as css, you can simply write new rules in the child's style.css

wldwil
Member
Posted 1 year ago #

Maybe I have been unclear. The question is, how to comment out? I keep reading answers on this string saying to do it, but not how. At least with any specifics.

Lets assume that a child theme is already in place. Lets assume Chips post is the code you want to comment out. What 'exactly' do you put in the child theme to comment it out?

I appreciate your time and patience

Rev. Voodoo
Volunteer Moderator
Posted 1 year ago #

depends on what kind of code you are in.....

for css:

/*
.bitofcode {
       rules: rules;
}
*/

for html

<!-- <a href="blah blah"> blah </a> -->

more code

<!--
<?php blah blah { ?>
   <blah>
} ?>
-->

for php (as in, within a block of php code)

<?php {
     code
     code
     // line of code to be ignored
     code
?>

Google for more examples..... there are more

coffee_king
Member
Posted 1 year ago #

Does this remove it and then make it a useable space for more page links?
Or is the space it frees up then unusable?

My links below my header image sometimes move onto two lines and I'd like to free up a bit of space above so they always stay on the one line.

Maybe its possible to move the search box over to the right by say 30 pixels?
Anyone know how to do this?

coffee_king
Member
Posted 1 year ago #

For anyone wanting to know how to do this, I have just spent the last 30 minutes on it and now have it sorted.

A) Make sure you are using a child header.php
B) Go into your child header.php then highlight and delete all of the code recommended by Chip Bennett on the second post of this thread.
C) Save your file.
D) Upload your file.

Thats it, your search box will now no longer exist.
You can still use a search box widget as this just gets rid of the one sitting on the navigation section.

Janell2
Member
Posted 1 year ago #

Hi,
It is always safer to COMMENT OUT your code rather than delete it. It will be easier to trouble shoot later.

When you want to comment out code, use  at the end of the code, so it should look like this:

To just comment out one line only (to truly make a comment, you can use this:
//this is just a comment
However if it goes to a second line then each line you do not want to appear as code needs the // in front of it OR:

If you are commenting out css, use this:
/*margin-top: 10px;*/

However, in a child theme if you want to margin-top to be 0, you have to rewrite it to:
margin-top: 0;

However, in PHP commenting out code gets tricky, and a bit of research (more than I know since I am a programmer) would be in order.

I like to upload the file to the child directory first, THEN comment it out or change the code and hit update. That way I can see in real time if the action worked and make changes accordingly.

tammieearl
Member
Posted 1 year ago #

Hello, I am trying to follow the directions posted here rather than starting a new question.

I created my child theme, I commented out the search form, and now there's a big empty white space there. How do I get the title and subtitle to stop being all crunched up on the left and take that space instead?

Stacy.Canion
Member
Posted 1 year ago #

Anyone have any idea how to remove the entire "row" that the search bar was in? For instance, in twentyeleven there is basically a table row that contains the search bar. This thread was helpful in removing the search bar itself, but I still have this unsightly white bar running across the top of my site.

Any ideas?

See what I'm talking about at blog.canionphotography.net

Thanks!

Stacy.Canion
Member
Posted 1 year ago #

Actually....

I was trying to do something else and removed it myself! lol

I removed this code :

<hgroup>
<h1 id="site-title"><span>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></span></h1>
<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
</hgroup>

From the header.php in my child theme. It did the trick, if anyone else is interested.

tammieearl
Member
Posted 1 year ago #

Thank you Stacy, I truly appreciate your help but that didn't work for me. It removed the entire header text. I want to keep the text, just remove the white space where the search box once was. I want the text of the title and subtitle to take up the whole space at the top. My goal is to make this site very mobile friendly.

Anyone else have an idea?

danf87
Member
Posted 1 year ago #

Thank you Chip Bennet you just save my hair from being pulled out. You are the man! Chip!

Stacy.Canion
Member
Posted 1 year ago #

Yes, sorry I am not using the header text so getting rid of that entire area was fine with me. I dont see a way to keep the text and get rid of the area.

tammieearl
Member
Posted 1 year ago #

Yes, Chip's fix does work, but it doesn't "free up" the area where the search box was previously located, once you remove it. That area is still there, a white empty box.

Hey Stacy, you can also accomplish what you did to your site without messing with code. Just go to your dashboard, and on the lefthand side: appearance, then header, scroll down the right side (big part) and check NO for Display Text. The text will disappear, no coding required. You'll keep your pic.

WordPress.org

Forums

[closed] Remove search box [Twenty Eleven] (50 posts)

Topic Closed

About this Topic

Tags

Code is Poetry