Toggle Bar Injection

Appearance > ShiftNav > Toggle Bar

Overview

The Toggle Bar Injection setting determines if your ShiftNav toggle bar HTML will be added just before the opening body tag (header) or just before the closing body tag (footer)

Header uses the wp_body_open hook.

Footer uses the wp_footer hook.

Recommended Default

Header is the default recommendation, as this provides the best accessibility via the natural order of HTML elements.

Footer option

If you choose Footer, the toggle bar HTML will be added to the footer, but still displayed at the top of the site via CSS. ShiftNav will add explicit tabindex properties to make the menu accessible to those using keyboard or screen readers to navigate the site. However, this is suboptimal, and accessibility checkers much prefer the 0 tabindex you’ll get if using the header option.

However, the footer option remains if your theme does not support the wp_body_open hook. It has existed as a standard since 2019, so if your theme doesn’t support it, we recommend reaching out to the developer to have them add it.

On this page