[Resolved] Move Search Bar to the header

[Radim]

Is it possible to move Search Bar to the header “inside-header” next to the logo “site-logo” with right alignment, please?
There is a switch (show/hide) in the Main Menu Bar, but not in the Header.
Thank you!

[Richard Bland]

Hi Radim,

Could you provide a link to the site you are working on so I can visually see the location you are trying to move it to.

Thanks

[Radim]

Richard, I am sending it by an email. The url site is only temporary now.

[Tom]

Hi Radim,

Are you wanting the exact look the navigation search has? Or would just having a search field in that area work?

[Radim]

Hi Tom,

I do not know what is more easy to do… It may be the same, but it is sufficient just to have a form with the search box.
I can style it myself later.

[Tom]

In that case, you can just drag the “Search” widget into the “Header” widget area in “Appearance > Widgets”.

[Richard Bland]

…and disable the search box in the navigation bar!

That is a really simple way of doing this.

[Radim]

Yes! Guys, I did exactly what you said, just before Richard answered 🙂
(I completely forgot about the usage of widgets. Oooh!)

And I left it visible in the “navigation-stick”.
It is what I needed!

Thank you!

[Tom]

Glad we could help 🙂

[Nikolaj]

is it possible to add the search widget to the wp_head hook? and have it centred a little like the instagram look?

[Leo]

You can try the Top Bar Widget area: https://docs.generatepress.com/article/top-bar-widget-area/

[Andrew]

I’ve added one via widgets and added to the header Is there a way to make this one work and align correctly? If not no biggie I will purchase one of the plugin you sent over :]

[Elvin]

Hi Andrew,

Do you still need help with this? Perhaps, is this related to this post?
https://generatepress.com/forums/topic/search-in-header/#post-2048147

Let us know if you need further help. 😀

[Author]

Posts