The Search Overlay widget adds a search icon/button that opens a full search overlay. Visitors can type a query and submit a standard WordPress search.

When To Use It

Use this widget in headers where you want a clean search trigger without showing a full search form all the time.

How To Add A Search Overlay

1. Edit your header template with Elementor.
2. Drag in the Qreative: Search Overlay widget.
3. Choose the search icon.
4. Set the input placeholder, button text, and overlay title.
5. Style the toggle button, overlay, search field, submit button, and close button.

Useful Settings

• Icon: choose the trigger icon.
• Input Placeholder: text shown inside the search field.
• Button Text: submit button label.
• Overlay Title: heading shown inside the overlay.
• Toggle Style: icon color, background, border, size, padding.
• Overlay Style: background, spacing, typography.
• Close Button Style: colors, size, spacing, position.