Hi there!

Thanks for reaching out.

Please use the following code snippet in your ustom CSS:

#mod-finder-searchword0 {
    width: 100px;
}

Here is all about custom code placement in Helix Ultimate: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

Best Regards

Hi

it is not working

Try that

@media screen and (max-width: 1680px) {
.awesomplete > input {max-width: 120px;}
}

You can change width value or screen-size value, but as I noticed on 1960px looks OK.

Alternative method would be to show only Search Icon (with link to Search component view) without using "Search input field" that always takes too much space.

Video tip: https://www.youtube.com/watch?v=iJL3rSqVb1U

Hi Parashuram,

Did you check the solutions proposed lately? Please let us know.

Thanks!