[Resolved] Remove search from 404 page

[Sebastian]

Hi Tom,

could you please tell me how exactly I have to write the code to remove the search function from the 404 page?

I don’t want to use a custom 404 page via plugin, just want to get rid of the search form from the native 404 page.
Thank youuu.

[Leo]

Hi there,

Try this CSS:

.error404 .search-form {
    display: none;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Sebastian]

Hi Leo,

thank you for your help.

That fixed that.
Though I was expecting to modify the functions.php but this styling does the trick perfectly.
Thank you very much.

[Leo]

No problem!

[Marquis M]

I know this is an old topic, but if anyone is looking to remove the search box from 404 pages and not just hide it with css, the following snippet does the trick.

add_filter( 'generate_404_text','generate_custom_404_text' );
function generate_custom_404_text()
{
    return '';
}
add_filter( 'get_search_form','my_remove_search_form' );
function my_remove_search_form()
{
    $template = $GLOBALS['template'];
    $template_file = substr($template, strrpos($template, '/') + 1);
    if ($template_file === '404.php') {
        return '';
    }
}

[Leo]

Thanks for sharing!

[Luke]

Leo, your CSS works perfectly for removing the search bar that’s in the body of my 404 page, but unfortunately it also deactivates the search bar in the header (the header search bar is global but only the 404 header search bar is negatively affected). Can you help me fix this?

[Ying]

Hi Luke,

Try this CSS:

.error404 .site-main form.search-form{
    display: none;
}

[Luke]

This worked perfectly, thank you Ying

[Ying]

You are welcome Luke 🙂

[Author]

Posts