Removing search from Mobile/Desktop header in Prestige Theme

[chohan_nabeel]

Hello,

Can't seem to find anything about how to remove the search from the mobile/desktop header specifically for the Prestige theme. None of the other workarounds I've seen seem to apply to my theme.

[Jasoliya · Accepted solution]

You can remove search from header by following:

1. Go to Online Store->Theme->Edit code
2. Section->header.liquid-> find /search, you can find twice on page one for mobile and one for desktop, hide/remove this both.

[Kate_JM]

Hello :)

I've just tried this solution for Prestige and I can't find /search only the following:

SEARCH FORM (implemented as a modal)

Implementation note: make sure that the Search div is always just before the Header element, as the CSS uses
this assumption
--------------------------------------------------------------------------------------------------------------------
{%- endcomment -%}

<div id="Search" class="Search" aria-hidden="true">
<div class="Search__Inner">
<div class="Search__SearchBar">
<form action="{{ routes.search_url }}" name="GET" role="search" class="Search__Form">
<div class="Search__InputIconWrapper">
<span class="hidden-tablet-and-up">{%- render 'icon' with 'search' -%}</span>
<span class="hidden-phone">{%- render 'icon' with 'search-desktop' -%}</span>
</div>

<input type="search" class="Search__Input Heading" name="q" autocomplete="off" autocorrect="off" autocapitalize="off" placeholder="{{ 'search.general.input_placeholder' | t }}" autofocus>
<input type="hidden" name="type" value="product">
</form>

<button class="Search__Close Link Link--primary" data-action="close-search">{% render 'icon' with 'close' %}</button>
</div>

<div class="Search__Results" aria-hidden="true">
{%- if settings.search_mode != 'product' -%}
<div class="PageLayout PageLayout--breakLap">
<div class="PageLayout__Section"></div>
<div class="PageLayout__Section PageLayout__Section--secondary"></div>
</div>
{%- endif -%}
</div>
</div>
</div>

{%- comment -%}

Any help would be greatly appreciated :)

[Jasoliya]

Send your store url

[Kate_JM]

judeandmoo.com

p/word: Hudsonleo

[Jasoliya]

Add this css in asset->theme.scss file at bottom:

[href="/search"]{ display: none;}

[Kate_JM]

Thank you for getting back to me so quick, I added it in but still no change? :)

[Jasoliya]

i think its working fine and i cant see search icon in header now.

[Kate_JM]

Ah that's so weird, it still comes up for me and the icons are the names too? Maybe once I go live. Thank you again for your help :)

[Jasoliya]

Send me screenshot where you see it?