Site logo

Archived topic

Search Widget on header defaults to left

7 replies · Started by Darren on January 7, 2018

Viewing posts 1–8 of 8

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.

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.

Simple CSS and Addtional CSS will both work.

Any reason you inserted a empty text widget?

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 ?

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

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

Leo

Many thanks, case closed you guys are official geniuses lol

Best tech support along side Site Ground

Glad we've been helpful :)

This archived topic is closed to new replies.