How To Use & Customize Search Widget

Use the Search Widget to help your visitors find what they are looking for on your website.

Follow the step-by-step instructions:

1. Go to Menu RTMKit Header & Footer.

2. And you will be able to see the Search Widget.

3. Click Add New Container.

4. Select your layout: Flexbox or Grid.

5. On the canvas, select your structure.

6. Drag the widget from Elementor.

7. Drop it on the selected area.

8. Content Search Setting :

• Click Content → Search Setting.
• Enable the Submit Icon to show the icon.
• Click Icon Library → Choose Icon → Click Insert.
• Select the search button position.

9. Wrapper Style (used to customize the wrapper style) :

• Click Style → Wrapper.
• Select the Direction Button: on the right or bottom.

10. Search Field Style (used to customize the search field style) :

• Click Style → Search Field.
• Customize the typography, radius, padding, gap, text and background color, border type, and border color.

11. Button Style (used to customize the button style) :

• Click Style → Submit Button.
• Customize the typography, icon position, spacing and size, padding, radius, text, icon, and background color.

12. Don’t forget to click Publish to save the changes.