Shopify themes, liquid, logos, and UX
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
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025