WordPress Plugin · Navigation

Navigate.
Slide.
Convert.

A lightweight off-canvas sidebar menu, fully customisable and accessible. Logo, search, social networks and widgets — all in an elegant panel.

Vanilla JS, zero jQuery Accessible ARIA Cached CSS
100+ settings
Native responsive
Keyboard navigation
100+
Available settings
8
Configuration tabs
0
jQuery dependency
A11y
WCAG 2.1 compliant
Features

Everything you need to
navigate with elegance.

A complete WordPress plugin, from the hamburger button to the off-canvas panel, without writing a single line of code.

Off-canvas panel

Sliding sidebar from left or right. Two animation modes: slide (pushes content) or overlay (floats above). Smooth CSS transitions.

Full customisation

Separate colours for the main menu and submenus. Background image, Google Fonts, size, weight, spacing and uppercase mode configurable.

Native accessibility

Full ARIA, focus trapping, keyboard navigation (Tab, Space, Escape) and focus restoration on close. WCAG 2.1 level A compliant.

Multi-level submenus

Unlimited submenu depth support. Animated arrow indicators, automatic expansion of the current page and optional clickable parent links.

Mobile-first

Optional fixed mobile navigation bar, configurable responsive threshold (320–1200px) and separate button positioning on mobile. Touch-friendly and smooth.

Integrated social networks

6 preconfigured networks (Facebook, X, Instagram, LinkedIn, YouTube, Email) with built-in SVG icons and customisable colour.

Integrated search

Native WordPress search field directly in the panel. Your visitors find what they are looking for without leaving the navigation.

Widget area

Dedicated WordPress widget area in the panel. Add any standard widget, plus HTML/shortcode zones above and below the logo.

Display rules

Display the menu everywhere, only on certain pages, or everywhere except specific pages. Separate desktop and mobile control.

Setup

Three minutes.
Zero code.

From installation to publishing, every step is designed for simplicity.

Install
Upload & activate
Select
Your WordPress menu
Style
Colours & typography
Brand
Logo & identity
Publish
Live in 3 min
8 settings tabs

Panel, Style, Identity, Menu Items, Button, Social Networks, Display and Advanced. Each setting has a description and a real-time preview.

Built-in security

Full input sanitisation (wp_kses, esc_url, sanitize_text_field). SVGs filtered by whitelist. Systematic HTML output escaping.

Optimised performance

Dynamic CSS cached via transient. Vanilla JavaScript without jQuery. Google Fonts loaded only when needed. Minimal front-end footprint.

Features avancées

Beyond
navigation.

Visual effects, animations and advanced customisation for demanding sites. Every detail is configurable from the admin.

Visual effects
Light or dark overlay, content blur on open, fade page transition between links. The hamburger transforms into an animated X.
Advanced hamburger button
3 styles (simple, square, round), size 30–80px, fixed position, custom SVG icon, text label and separate desktop/mobile positioning.
For developers
Custom CSS editor, custom trigger selector (CSS selector), custom SVG icon and WordPress filters to extend the plugin.
oui OntheSide — Settings
Panel Style Identity Items Button Social Display Advanced
Menu background
#1a1a2e
Main text
#a0a0b8
Hover accent
#6c63ff
Separators
Hover effect Line (border)
Font inherit · 17px · 400
Background image Upload
Integrations

Connected to
the WordPress ecosystem.

oui OntheSide integrates natively with the WordPress features you already use. Menus, widgets, search and shortcodes — everything works without conflict.

  • Native WordPress menu system
  • Registered dedicated widget area
  • Integrated WordPress search
  • Shortcodes in content zones
  • Unified OUI dashboard
WordPress Menus
Widgets
Search
Google Fonts
Shortcodes
Settings API
Technical architecture
Vanilla JS CSS Transient Cache wp_nav_menu() register_sidebar() ARIA Focus Trap wp_kses sanitize

Ready to offer
a memorable navigation ?

Install oui OntheSide sur votre site WordPress et transformez l’expérience de navigation en quelques minutes.

PHP 7.4+  ·  WordPress 6.0+  ·  ~6 Ko JS · Zero jQuery