How to make Search Bar for wordpress theme?

hieu230592

Regular Member
Joined
Jul 21, 2013
Messages
478
Reaction score
149
Almost no theme supports search bar. I want to show full width search bar for PC and mobile but find no plugin for it, even search on Google found nothing.
Can someone tell me how to set up a full width search bar for my website?
 
Hmmm, I've never seen a WordPress that can do that, but this is somewhat close to what you're looking for:

It won't show up without someone clicking, but does appear to be a more elegant solution.
 
Hmmm, I've never seen a WordPress that can do that, but this is somewhat close to what you're looking for:

It won't show up without someone clicking, but does appear to be a more elegant solution.
wordpress can do everything. And this is just some codes into the theme I think. I need help, I can pay if someone can help me.
Thanks for your help though.
 
I've never seen anything out-of-the-box that would add that feature to WordPress, but have seen themes in the past with the feature. But they're built with it, the feature isn't added via a plugin. With that being said, if you're interested in paying someone, I'm sure you can find someone to do it in the Hire A Freelancer section :) Good luck!
 
I don't know if this will work for you but it might.

1) Go to GPLDL and download the Divi Theme. It has apage builder in it

2) Create a page

3) Add a section - select no divisions - one big area

4) Inside the section add a module - select the search module

5) The search module takes up the whole section

If you didnt need a whole bar, but just wanted the search icon in the upper menu bar, just go into the divi customizer - header navigation -> header elements -> click to show the search icon

Hope this is useful.
 
I don't know if this will work for you but it might.

1) Go to GPLDL and download the Divi Theme. It has apage builder in it

2) Create a page

3) Add a section - select no divisions - one big area

4) Inside the section add a module - select the search module

5) The search module takes up the whole section

If you didnt need a whole bar, but just wanted the search icon in the upper menu bar, just go into the divi customizer - header navigation -> header elements -> click to show the search icon

Hope this is useful.
but it shows only search bar, I need the search bar under main menu, and under the search bar is normal blogpost. I think I need a coder, help me I can pay.
thanks for the comment, it's helpful though not what I want.
 
Could you explain better what do you mean? Do you mean something like this site: jardin10 . com ?

Disclaimer: That is not my site jor I am affiliatte in any way with them, just I was analyzing the site when I read the question, that is why I put it without link nor the url working, anyway if it is wrong, kindly mods delete it.
 
Could you explain better what do you mean? Do you mean something like this site: jardin10 . com ?

Disclaimer: That is not my site jor I am affiliatte in any way with them, just I was analyzing the site when I read the question, that is why I put it without link nor the url working, anyway if it is wrong, kindly mods delete it.
yes. The search bar link that site, under main menu and above the blogpost.
 
That is really easy, if you have elementor in your site (you can get elementor pro here, in BHW, or you could buy it), in some sites I had to built a similar thing and I used it! (I think it will take around 5 minutes to have it done if you use it ;)
 
That is really easy, if you have elementor in your site (you can get elementor pro here, in BHW, or you could buy it), in some sites I had to built a similar thing and I used it! (I think it will take around 5 minutes to have it done if you use it ;)
i will try it. Do you have tutorial? Much appreciated if you help me, I have no coding experience.
 
No, I don't have any tutorial since I haven't done the plugin but anyway, if you have any trouble PM me and I will try to help you. Anyway, Elementor is a WordPress builder without coding.
 
Back
Top