Removing X Icon From header (Dawn Theme)

Solved

Removing X Icon From header (Dawn Theme)

blwouts
Tourist
11 1 6

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: Screenshot 2024-08-29 193559.png

Accepted Solution (1)

PageFly-Richard
Shopify Partner
4991 1118 1796

This is an 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

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 4 (4)

PageFly-Richard
Shopify Partner
4991 1118 1796

This is an 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

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

blwouts
Tourist
11 1 6

Thank you!

PageFly-Richard
Shopify Partner
4991 1118 1796

Greate , Have a nice day

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

pawankumar
Shopify Partner
700 102 123

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!

- Need a Shopify developer? Chat on WhatsApp +91-9467121281
- Coffee Tip: Buymeacoffee  | Email: thepkpawankumar@gmail.com
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Best regards,
Pawan