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.
Topic summary
A user is trying to enable the search feature in the mobile header but encounters an issue where search icons appear on both sides of the logo instead of in the desired location.
Proposed Solution:
- Another user suggests CSS code to hide the search element on mobile devices (max-width: 768px) using
display: none !important - This code previously resolved a similar issue on desktop
Current Status:
- The original poster reports that implementing this solution completely removed the search icon
- A third user has requested the store URL to investigate the issue further
- The discussion remains open with no working resolution yet
Note: Several posts contain reversed/mirrored text, making portions difficult to interpret accurately.