Advanced Search Type 3 is designed to work as a floating search form. This search type requires specific display settings in order to function correctly and is typically used on pages where the search form overlays the page content.
Because of its layout and behavior, Search Type 3 must be configured carefully in both the Advanced Search Form and Advanced Search Display sections.
1. Select Advanced Search Type 3
To set up Search Type 3, navigate to:
Theme Options → Search → Advanced Search Form
Set Advanced Search Type to Type 3.
2. Set up the search form fields
The fields displayed in the search form are configured from:
Theme Options → Search → Advanced Search Form
Here you can define:
- Which search fields are displayed
- The order of the fields
- The field type (dropdown, text input, slider, etc.)
Full guide:
Advanced Search Form – Field Setup
3. Configure the display of the search form (required)
Important: Search Type 3 requires specific display settings in order to work correctly.
Navigate to:
Theme Options → Search → Advanced Search Display
For Search Type 3, you must:
- Enable all Advanced Search Display options
- Enable the option Use Float Search Form
If these options are not enabled, the search form will not display or behave correctly.
Display options guide:
Advanced Search Display Options
4. Set search form colors
To customize colors for the search form (background, fields, buttons, text),
navigate to:
Theme Options → Search → Advanced Search Colors
Colors guide:
Advanced Search Colors Setup
Elementor Search Form Builder – Important Note
If you use the Elementor Search Form Builder widget on specific pages,
please keep the following in mind:
- The global Advanced Search Type selected in Theme Options still applies.
- Search fields are configured inside the Elementor widget and do not sync with Theme Options.
- Changes made in Theme Options → Search → Advanced Search Form will not affect Elementor-based search forms.
- Button styling (colors, padding, typography, alignment) is controlled from the widget’s Style tab.
- This allows full page-level customization without changing global search settings.
Elementor widget guide:
Property Search Form Builder for Elementor