Centering search bar

Hi, I would like to center the search bar, but so far with no success.
I’ve tried different configurations. This is the one I have now:

https://prnt.sc/gwk8uf

Also it’s too big. I would like it to be centered completely and that the other elements arranged towards that.

Is that possible?

Thanks

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to make search bar smaller.

.header-base .widget_product_search {
	max-width: 800px;
	margin: 0 auto;
}

In order to center the central widget, you need to set the right and left columns of the header to the same width. In your case, you can reduce the width of the logo container to 14-16 percent. https://gyazo.com/77b83b2d3c90dc07a37822222a98b4fd

Regards

[Author]

Posts