Remove search box from header in WordPress theme

You can hide it from view by simply adding some custom CSS code to your Child Theme style.css file, or by using a Custom CSS plugin.

.search-toggle {
    display: none;
}

You can do the same to your author block, it will still be loaded, but just hidden from view.

.single .post-author {
    display: none;
}
.single .post-meta {
    width: 100%;
}

This is the simplest way of removing elements without having to delve into PHP code and various theme files.

Hope this helps.

Thank you ThemeSumo, i did, but its not working for me. The search is still there.

I see this in my style.css child template. Where do i need to post both codes for removing/hiding? Thanks!

/*
Theme Name: Baskerville Sidebar
Theme URI: https://clintongreen.com/wp/baskerville-child.zip
Description: Baskerville Child Theme to add a Sidebar to the Home page
Author: Clinton Green
Author URI: https://clintongreen.com
Template: baskerville
*/

@import url(“../baskerville/style.css”);

/* =Theme customization starts here
——————————————————- */

}
.home-sidebar{
width: 25%;
padding-left: 10px;
padding-right: 20px;
}
.home-sidebar .sidebar{
width: 100%;
min-width: 233px;
}
@media (max-width: 1000px) {
.home-sidebar{ display: none;}
}

@media (min-width: 1000px) {
.content.section-inner.content-squeeze,
.archive-nav.section-inner.content-squeeze{
float: left;
width: 75%;
max-width: 75%;
}
}

Always add custom code to the very bottom of files.

If the search code above isn’t working, try this instead to force it to be removed from view.

.search-toggle {
    display: none !important;
}

You’ve also referenced the sidebar CSS file, but you requested to remove the search field from your header, not the sidebar, so please confirm which search field it is you wanted to modify.

• This reply was modified 8 years, 3 months ago by ThemeSumo.

Ok, thx. I added it at the boden, but its still not gone. I tried adding it using a plugin and its gone! But i just wanna add it manually, i cant stand it. What im i doing wrong?

I just wanna remove the search option(magnifying glass) in the top menu bar.

• This reply was modified 8 years, 3 months ago by ClaitonLord.

Just adding it to your child theme style.css file should be suffice, the plugin method works equally as good.

Strange. I added the code or the author box, but there is still a left over there. A dark and light blue field(above comment field) which was connected to the author box. How can i remove it ThemeSumo? https://www.stijnspreekt.nl/6-symptomen-van-telefoonverslaving/

.single .post-meta-container {
    background: #3F4854;
}

This should do the trick.

Ow ThemeSumo, not there yet. Im sorry.

– The author box isnt fully gone yet, there is still a blue piece there, which was attached to it.

– The search box is gone, but on my mobile the full menu bar is gone in my posts(not on the main page). On destop its just fine. Look…

https://www.stijnspreekt.nl/6-symptomen-van-telefoonverslaving/

• This reply was modified 8 years, 3 months ago by ClaitonLord.
• This reply was modified 8 years, 3 months ago by ClaitonLord.

To remove the entire area, including the post meta information, you can add this:

.single .post-meta-container {
    display: none;
}

I believe your mobile menu isn’t showing because of this code, from the Subscribe to Comments Reloaded plugin you have installed. Your mobile menu isn’t affected by my code changes.

.hidden {
    display: none !important;
}

If you disable the plugin, it should resolve the issue, if it does you can then bring this up via the plugins dedicated support forum to bring it to the authors’ attention.

Hope this helps.

• This reply was modified 8 years, 3 months ago by ThemeSumo.

– Ow now i see that part is the meta tag of the post. Thank you. I want to remove it and put the meta data(date, categories and tags) on top, right between my social share buttons and the main image on every post. Is that possible Sumo?

– I did deactivate the plugin, and indeed it did resolve the issue. Strange, because the plugin runs fine for a couple of weeks already and after the codes it started buggin right away. T

• This reply was modified 8 years, 3 months ago by ClaitonLord.

Sumo, all of a sudden my sidebar is gone on my desktop. It is visible for one second and then flashes away. On mobile its just fine. Any idea?

UPDATE: it not fully gone, the whole sidebar just moved down on the main page. Its not in the sidebar anymore, only on posts Please help me out…

• This reply was modified 8 years, 3 months ago by ClaitonLord.
• This reply was modified 8 years, 3 months ago by ClaitonLord.

.

• This reply was modified 8 years, 3 months ago by ClaitonLord.

I’ve removed all of the custom CSS code I’ve given you in this thread and the sidebar issue still persists, so you will have made an error somewhere within your modifications.

The code I’ve given you so far won’t affect the structure of your site, and didn’t when I was implementing the code, so I don’t know why your sidebar is positioned below your content.

Ow my god. Where do i start? I really have no clue Sumo. How can i find the error?