Hide search button on vantage theme header

[kent_uyehara]

Hello, I need to temporarily hide/remove the search button from the header of the vantage theme. I was able to hide it from the mobile version with the following code in the appearance custom css:

/* Hide Search In Mobile Nav */
.mobile-nav-frame form.search input[type=“search”] {
display: none;
}

But the form button still shows up in the expanded desktop version, help please. Thanks in advance.

FTC

[PageFly-Noah]

Hi @kent_uyehara

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Noah | PageFly

[INA_MSWEB]

Hi @kent_uyehara

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the stylesheet.css file:
.header__search-box-inline.search-form {display: none !important;}

Regards,

San

[kent_uyehara]

It worked, thanks!