OceanWP theme

This article explains how to replace the native search bar in the OceanWP theme by OceanWP LLC

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 WebShop theme or the child theme of WebShop 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.

Result

Desktop

Mobile

Please notice: with OceanWP there are plenty of stylistic options to choose from to customize your header. They are available from a drop down list in the "Customize" section of WordPressHeaderGeneral

We’ve integrated FiboSearch with each of them:

  • Minimal
  • Transparent
  • Top menu
  • Full screen
  • Center
  • Medium
  • Vertical

The search bar behavior also differs significantly between desktop and mobile, which we showed on GIFs above. Design and behavior of headers and menu’s elements can be adjusted in HeaderGeneral and HeaderMobile Menu, respectively.