How to move the search bar to center and keep it open

Store Design
1

Hi does anyone know how to stretch the search bar and have it on the center header. at them moment its default and closed, if someone could help it would mean a lot. I’m using the venture theme right now.

I would like it to look like this.

Annotation 2020-09-07 195639.png
Annotation 2020-09-07 195639.png900×111 1.04 KB

2

Thank you for your question.

Please share your store URL, page URL and also password (if your store has one) so we can help you.

3

Hi thank you for the reply

ad48.co.uk

4

follow this path:
Themes => edit code => asset => theme.scss.liquid
and add this code to bottom of the file theme.scss.liquid

.site-header__search {
	    width: 100%;
}
.site-header__search .site-header__search-input {
	width: 100%;
	opacity: 1;
	    padding: 10px;
}
.site-header__search .site-header__search-submit {
	    z-index: 68;
}
5

thank you thats perfect but is there a way to center it to the middle and increase the width too?