How can I center the search bar on my webpage?

[User1236]

Hello,

Please how do i center the search bar ?

[theycallmemakka]

In which theme you are trying to center the search?

[User1236]

Hello,

Dawn theme; however I was able to center the search bar using the below code but i am not able anymore to type in it. Can you please help

@media screen and (min-width: 990px) {
.header__search summary {
border: 1.5px solid;
border-radius: 20px !important;
width: 1000px;
padding: 2rem;
text-decoration: none;
position: absolute !important;
left: 50%;
transform: translateX(-50%);

}

.header__icon > span:after {
content: “Search for products”;
padding-left: 6rem;
color: rgb(var(–color-foreground));
}

[Asad24]

what’s your store url

[User1236]

https://craftworke.com/?_ab=0&_fd=0&_sc=1

[Asad24]

The search bar is working fine on my end

[User1236]

Sorry maybe i was not clear in my previous comment; what i meant that I would like to have the search directly performed on the search bar below

instead of redirecting me to another search bar when pressing on it as seen below