[Resolved] Search Bar in Header Next to Logo

[Randal]

I am making a change from flatsome to your theme and I need some help before I can take it live. Currently, my search looks like this:

https://gyazo.com/01e7b54cc5b1ef526de2d7e3ac005f79

This is how I want it to look:

https://gyazo.com/1f2a4f53d62bfe13084d50cf67050885

I tried several snippets but nothing seems to move it next to the logo.

I am on a staging site so not sure if you can see it or not – https://staging-theherbsplace.kinsta.cloud/

Thanks,

Randal

[Leo]

Hi Randal,

Can you try adding a search widget (WP core widget) in the header widget area first?
https://docs.generatepress.com/article/header-widget/

Let me know 🙂

[Randal]

I am new to blocks so I am not finding a way to have two blocks in the header widget. The cart is there and I want to put the search in the same widget area. Please tell me how.

[Leo]

Not sure if I fully understand. Isn’t this the header you are trying to create?
https://gyazo.com/1f2a4f53d62bfe13084d50cf67050885

If so there is only one widget which is search.

[Randal]

I should have shown you the whole page. This is what I want to wind up with. I mistakenly thought if I knew how to put the search there then I could easily follow with the other items on the header. Like this:

https://gyazo.com/6f582e12350c5591a863c37d23893225

Is this possible?

[Leo]

It should be possible with a bit of CSS.

Can add all three widgets in the header widget area first?

[Randal]

I used the group widget option and was able to get the 3 widgets in the header area. Thanks for your help.

[Leo]

No problem 🙂

[Author]

Posts