The header can be a problem, specially if you’re using something like a Divi fullwidth header and nav section, which I have done to make the main nav menu appear below the fullwidth header – it’s just a Divi fullwidth menu.

Of course, on pages such as the generated search results page, the Divi system just uses the default template (not the Blank Page) and there’s no way to change that – except for the way Mark describes here, which works perfectly.

I didn’t want to wade into making a different header for my custom search results page, so I just dumped the default Divi header with this CSS:

#main-header { display:none; }

That clears the way for the custom search page I created using Mark’s technique.

After your header module which will show people what they searched for & results. You will need to add some css styling

I called my div “search-term-results”
#search-term-results h1{
text-transform: capitalize;
font-size: 18px;
color: #00aad4 !important;
text-align: center;
}

I’ve changed my custom search result page exactly the way you did it a while ago. I did this through another tutorial, but this was similar to your way.

What I noticed last week (something I didn’t notice before) is that my customized “no search result page” does work. But it even shows up when I type in a query that should be found on my website. So now the whole search form doesn’t work anymore, and always shows the customized “no results” page…
Do you have any idea what I can do about this?

If I delete thee search.php file from my child-theme, I do get my search results back, but with a random typed in query (that doesn’t mean anything) I do not get my customized page anymore but just the standard one. (logical ofcourse)

Hence I think there is an error or absence of some coding in my search.php file that creates this problem. But I don’t have a single clue what?

Can you please help me with this?

Thanks in advance!

Best regards,
Linda

Your welcome Horia!

Hi Theresa,

That is actually a great idea for a new post topic.