create custom search

Hi Shami,

Are you wanting the input box and the two icons side by side?

That would cover up the placeholder though. Example: https://share.getcloudapp.com/E0uR5vW5

Let us know what you prefer.

If it's something like this for instance: https://share.getcloudapp.com/YEuDgEKJ

Here's a CSS you may try adding:

.search-input-wrapper input#nav-search {
    margin-bottom: 8px;
}
.search-input-wrapper button.search-submit {
    margin-left: auto;
    border-radius: 16px 0 0 16px;
}

.search-input-wrapper span.search-item.active.close-search {
    margin-right: auto;
}

.search-input-wrapper span.search-item.active.close-search a span {
    margin-right: auto;
    border-radius: 0 16px 16px 0;
}