Search Icon Header

Is there a way to enable the search feature on the mobile header section? Currently, when I try to enable it with code, one icon appears on the left side of the logo and one appears on the right.

I had the exact same issue on the PC, which was resolved with this code:

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

Any help please?

Replace with this
@media screen and (max-width: 768px) {

.header–top-center>.header__search {

display: none !important;

}

}
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

The search icon is completely gone now

Hey @bagdonaviciusbm , would you like to share the store URL. So, I can look further into your request.

Regards,
Osama Farooqi

wildbrews.co