Duplicated Search Icons

[bagdonaviciusbm]

I'm experiencing an issue with my store's header where two search icons are appearing when viewed on a laptop or PC. This duplication doesn't occur on mobile devices, only on larger screens. I've checked my theme settings but can't seem to find the root cause. Has anyone else encountered this issue or have any suggestions on how to fix it? Any help would be greatly appreciated!

[AK_Design_Dev]

Hello @bagdonaviciusbm 

You can search main class of search bar content then u can add display none css 

[Moeed]

Hey @bagdonaviciusbm 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.header--top-center.drawer-menu>.header__search {
    display: none !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Rahul_dhiman · Accepted solution]

Hello @bagdonaviciusbm Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the end of the file

details-modal.header__search.block {
display: none;
}
@media screen and (min-width: 768px){
.header--top-center>.header__search {
display: none !important;
}
}

and the result will be

If this was helpful, hit the like button and mark the job as completed.
Thanks

[Rahul_dhiman]

Thanks for accepting my solution,
please hit like button also.