[Resolved] Search Widget on header defaults to left

[Darren]

Anyway I can customise the position of the search bar so it will sit central and close to my logo on the left in the header.

[Leo]

Hi there,

Give this a shot:
https://generatepress.com/forums/topic/search-alignment-in-header/#post-338369

[Darren]

Hi Leo

Thats great code.

Does that code go in simple or additional Css, also is there a way to make it sit central top to bottom, I have tried the code in additional and it works. please reference the page for more detail.

[Leo]

Simple CSS and Addtional CSS will both work.

Any reason you inserted a empty text widget?

[Darren]

Hi Leo

Yes I was trying to centre it between top and bottom of the header so inserted an empty widget to bring search bar down, is there a custom css for centring search between top and bottom ?

[Leo]

We would have to add some padding to the WooCommerce widget once the empty text widget is removed:

.header-widget .woocommerce {
    padding-top: 20px;
}

[Darren]

Leo

Many thanks, case closed you guys are official geniuses lol

Best tech support along side Site Ground

[Leo]

Glad we’ve been helpful 🙂

[Author]

Posts