This article explains how to replace the native search bar in the TheGem theme by CodexThemes.
FiboSearch plugin features built-in integration with this theme. It means you can replace the default search bars by selecting a single checkbox.
If you have activated the TheGem theme or the child theme of TheGem theme, you should see the following screen in the plugin settings:
WooCommerce
→ FiboSearch
→ Starting (tab)

Select the option Replace them
and the search bar should be replaced.
This integration supports all TheGem header layouts, including:
- Horizontal
- 100% Width
- 100% Width & Hamburger Menu
- Vertical
- Overlay
- Perspective
Compatible with TheGem header builder
You can learn more about the header builder here. The FiboSearch integration replaces two builder elements: Search Icon and Search Form.
