Customize website search bar

Customize website search bar

At the moment, Essentials theme comes with the following Search styles:

Default

(Full screen sliding layers)

Image link
Small Floating Bar
Image link

After you add the Search element to your header in the Header Builder, you can choose which style you want by clicking on the Search element to open its settings, for example:

Image link

1. Open the Search element settings from the Header Builder

Image link

2. Choose the style

Customize Default Search Style

To customize the Default Search Style, go to Theme Options > Layout > Search, where you will be able to change the animation style, layers number and colors:

Image link

Theme Options > Layout > Search

If you’re looking to create a custom search popup with your own custom content and style, you can do so by creating a popup and add the search element with other elements depending on yours needs. Then you can open the popup from any link in your website, for example, you can add a link to your header that opens your custom search popup.
For detailed information about how to create and edit popups you can check this article:
https://essentials.pixfort.com/knowledge-base/how-to-add-popups/

You can also check some great examples of premade search popups available for import by visiting the Popup Builder preview page:
https://core.pixfort.com/popup-builder/#pix_section_normal_popups

pixfort
pixfort
Essentials support team
hub.pixfort.com

Hey, this is pixfort support team, if you still need help you can always reach us via the chat messenger in your account on pixfort hub

Related Posts