Skip to content
🎉

Cyber Sale Blowout! Get 50% OFF — Limited Time Only!

Click to Save 50% (opens in a new tab)

Header Search Icon Shortcode

In this article

    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
    Related Articles
    Back To Top