[Resolved] Customize the size of the search widget

[Antonio M.B.]

Hi, I want to put the search widget in the header but I want to put the widest size, since the figure is quite short. Can you help me?

[Leo]

Hi there,

Try this CSS;

.header-widget .widget .search-field {
    width: 500px;
}

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

If this doesn’t work are you able to provide a link to your site? Thanks!

[Antonio M.B.]

You are very efficient. Thank you

[Leo]

Glad I could help!

[Tom]

You might want to put that in a media query so it’s responsive:

@media (min-width: 769px) {
    .header-widget .widget .search-field {
        width: 500px;
    }
}

[Author]

Posts