Skip to main content

Divider

A thin vertical separator between header elements (e.g. a hairline between the phone number and the social icons). It has no fields. Header-only.

Where the code lives​

Type keydivider
Fieldsnone
Rendered byinline in unysonplus_render_header_element() (inc/includes/header-builder.php)

How it works​

It emits a single span with a separator role, styled by the header CSS as a vertical rule:

<span class="header-divider" role="separator" aria-orientation="vertical"></span>

Example 1 — basic​

array(
  'element_type'      => array( 'element' => 'divider', 'divider' => array() ),
  'visibility'        => array(),
  'element_css_class' => '',
)
<div class="header-element header-element--divider">
  <span class="header-divider" role="separator" aria-orientation="vertical"></span>
</div>

Example 2 — with Hide On + CSS Class​

Hide On: phones, CSS Class: rule.

array(
  'element_type'      => array( 'element' => 'divider', 'divider' => array() ),
  'visibility'        => array( 'hide-xs' ),
  'element_css_class' => 'rule',
)
<div class="header-element header-element--divider hide-xs rule">
  <span class="header-divider" role="separator" aria-orientation="vertical"></span>
</div>