Removing X Icon From header (Dawn Theme)

[blwouts]

Hey, for some reason an X icon is showing in my header next to the search icon, I would like to hide the "X" icon when the search bar is closed, anyone know how to fix this? Thanks!

My store: https://thebombshellblowouts.com/

Issue: 

[PageFly-Richard · Accepted solution]

This is Richard from PageFly - Shopify Page Builder App

Hi @blwouts  Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

<style>
.svg-wrapper.header__icon-close{
   max-width: 0px !important;
  max-height: 0px !important;
}
</style>

Hope my solution will help you resolve the issue.

Best regards,

Richard | PageFly

[blwouts]

Thank you!

[PageFly-Richard]

Greate , Have a nice day

[Sangeetanahar]

Hello @blwouts 

Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> base.css

add the code bottom of the file

span.svg-wrapper.header__icon-close {
    display: none;
}

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza

[pawankumar]

Hi @blwouts 
Please put this code in theme.liquid before body closing tag </body>

<style>
span.svg-wrapper.header__icon-close {
    display: none;
}
</style>

Please press Like and Mark Solution if you find it helpful.

Thanks!