Search banner

Section overview

The Banner Search section displays a prominent search field on top of a customizable background that can include images or videos. It serves as a dedicated search area for site visitors.

Common use cases

• Create a search results page header

• Highlight the search functionality on dedicated search pages

• Display search capabilities with visually appealing backgrounds

• Provide a prominent way for users to find products or content

Usage tips

• Use high-contrast images that make the search text and input field easily visible

• Keep the search field prominent by positioning it strategically within the banner

• For mobile, ensure the search field remains accessible and easy to tap

• Consider using the background overlay option to improve text readability when using image backgrounds

Section settings

Setting	Description
Y spacing	Controls the vertical height of the banner
Image background desktop	Background image displayed on desktop devices
Image background mobile	Background image displayed on mobile devices
Video background	Background video to display behind the search field
Show entire image	When enabled, displays the entire image within the banner area
Show video on mobile	When enabled, displays the video background on mobile devices
Color scheme	Sets the background color scheme for the section
Text color	Controls the color of text within the section
Border color	Sets the color of any borders applied to the section
Button color	Sets the style and color of the search submit button
Enable gradient	Adds a gradient overlay to help text stand out against the background
Enable background overlay	Adds a background overlay behind the search content for better contrast
Border position	Controls where borders appear on the section
Y alignment	Controls the vertical alignment of content within the section
X alignment	Controls the horizontal alignment of content within the section
Enable margin	When enabled, adds horizontal margin to the section
Enable max width	When enabled, applies a maximum width to the search content
Visibility	Controls which devices the section appears on
Enable search	When enabled, displays the search input field

Block settings

This section does not contain any blocks.