Skip to content

Header Search Icon Shortcode

The header_search_icon shortcode can be used to display the search icon in your header aside field when using a flex header style.

Sample Shortcode Usage

[header_search_icon]

Shortcode Attributes:

Below are the attributes accepted by the header_search_icon shortcode:

AttributeDescriptionDefault
classcustom classes to add to the element
label_classcustom classes to add to the label
button_classcustom classes to add to the button
icon_classcustom classes to add to the icon –
visibilitycustom visibility –
labelcustom label
label_marginlabel margin10px
label_positionlabel position (right or left)right
label_hide_breakpointbreakpoint to hide the label on smaller screens (sm,md,lg,xl)
aria_labelcustom aria label attribute for accessibilitySearch
Back To Top