How can I add a clear button to the search bar in Prestige theme?

Shopify Discussion
1

I have a prestige theme I want to add a clear button option in the search bar. how can I do it can anyone suggest coding?

2

Hi @sanwal If you are aware about the coding please get an idea from here.

.search-clear-button {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
background: transparent;
border: none;
cursor: pointer;
}

3

hi

{%- render 'icon' with 'search' -%} {%- render 'icon' with 'search-desktop' -%}

{% render ‘icon’ with ‘close’ %}

{%- if settings.search_mode != 'product' -%}
{%- endif -%}

this is search code in header file