Permanent / Sticky Search Bar- Trade Theme

Store Design
, ,

Topic summary

A user wants to add a permanent search bar below the menu in the Trade theme and remove the search icon next to the shopping bag.

Initial Response:

  • One commenter notes this requires code editing and likely developer assistance, suggesting it’s too complex for free community support.

Partial Solution Provided:

  • Another user shares CSS code to remove the search icon:
    • Navigate to Theme → Edit Code → Assets → base.css
    • Add at the bottom: details-modal.header__search { display: none !important; }
  • However, they’re still working on implementing the permanent search bar themselves.

Current Status:

  • The search icon removal has a working solution.
  • The permanent search bar implementation remains unresolved, with a follow-up question asking if progress was made.
Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

I’d love to add a permanent search bar below the menu and remove the search icon next to the shopping bag. Is there any way to do this?

2

@notsogood1 - this will need code editing, you will need developer who can edit the code, but since it will take some time and coding I doubt if anyone will do it for free

3

Hey there, so iv’e found out how to remove the search icon in trade theme. If you go theme, then edit code on the left scroll down to find ASSETS, then BASE.CSS. At the very bottom put in this code.

details-modal.header__search {
display: none !important;
}

It will take it away. Now for the search bar im trying to figure that out myself lol

4

Did you manage to get the search bar to display ?