Search Box Using GP Hooks

How can I make my search box wide and looks like Yoast search box?

https://prnt.sc/1vihf9u

Hi there,

Any chance you can link us to the site in question?

Let me know ??

Hi Sir Leo!

Here is my test site:

https://app-flatley.mlfkwgukak-ez94d1y584mr.p.runcloud.link/

I wanted my search box width the same as https://yoast.com/ search box.

Thank you Sir.

Try this CSS:

.search-form {
    display: flex;
}
.search-form .search-field {
    flex: 1;
    margin-right: 10px  
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Hi Sir Leo!

Works perfectly!

Thank you so much for your help and for the Generatepress Team.

Stay safe and have a great day ahead.

No problem ??